# Container posts grid layout issue?

**URL:** <https://meta.discourse.org/t/container-posts-grid-layout-issue/211599>\
**Category:** UX\
**Tags:** mobile\
**Created:** [December 9, 2021, 10:46am UTC](https://meta.discourse.org/t/container-posts-grid-layout-issue/211599 "2021-12-09T10:46:25Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [December 9, 2021, 10:46am UTC](https://meta.discourse.org/t/container-posts-grid-layout-issue/211599/1 "2021-12-09T10:46:25Z")

</div>

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.

```plaintext
@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.

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

```

Thanks 🙂

---

_[View the full topic](https://meta.discourse.org/t/container-posts-grid-layout-issue/211599)._