Container posts grid layout issue?

ux
1

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:

2 Likes
5

@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?

1 Like
6

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.

1 Like
7

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

2 Likes
8

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