@import '../../partials/variables';

.main {
  @media (max-width: $mobile-breakpoint) {
    display: grid;
    grid: [stack] 1fr / min-content [stack] 1fr;

    & .sidebar, .post-message, .posts, #{&}__container  {
      grid-area: stack;
    }
  }

  &__container {
    display: flex;
    flex-direction: column;
    align-items: center;

    @media (max-width: $mobile-breakpoint) {
      display: initial;
    }
  }
}
