# 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:** 5
**Page:** 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 🙂

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [April 8, 2022, 12:50am UTC](https://meta.discourse.org/t/container-posts-grid-layout-issue/211599/5 "2022-04-08T00:50:11Z")

</div>

@Don I’ve done a little testing and I don’t believe this is a problem anymore… have you seen it crop up at all lately?

---

<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: [April 8, 2022, 9:38am UTC](https://meta.discourse.org/t/container-posts-grid-layout-issue/211599/6 "2022-04-08T09:38:08Z")

</div>

Thanks for checking it @awesomerobot.

But I think this is still a problem. It is only appear I think if the `topic-progress-wrapper` docked.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [April 12, 2022, 1:08am UTC](https://meta.discourse.org/t/container-posts-grid-layout-issue/211599/7 "2022-04-12T01:08:05Z")

</div>

Ah I see, I think I was looking at the wrong thing. This should fix the layout when the progress bar is docked:

> <https://github.com/discourse/discourse/pull/16444>
>
> Solves the issue mentioned here: https://meta.discourse.org/t/container-posts-gr…id-layout-issue/211599/5

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [April 16, 2022, 12:00pm UTC](https://meta.discourse.org/t/container-posts-grid-layout-issue/211599/8 "2022-04-16T12:00:21Z")

</div>

This topic was automatically closed after 3 days. New replies are no longer allowed.