Container posts grid layout issue?

Hello,

I notice an issue on mobile view on tablet device.

This media query works well on mobile but I think it should active on all mobile view width.

@media screen and (max-width: 924px) {
  .container.posts {
    grid-template-areas: "posts";
    grid-template-columns: auto;
  }
}

Over 924px it will add the timeline to the template-areas which is (i think only appear on desktop) on mobile broke the layout.

.container.posts {
  display: grid;
  grid-template-areas: "posts timeline";
  grid-template-columns: auto auto;
  margin-bottom: var(--below-topic-margin);
}

Thanks :slightly_smiling_face:

1 Like