Проблема с сеткой постов в контейнере?

Внести вклад UX
1

Здравствуйте,

Я заметил проблему в мобильном режиме на планшетах.

Этот медиа-запрос хорошо работает на мобильных устройствах, но, на мой взгляд, он должен активироваться для всех шириных мобильного представления.

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

При ширине более 924 пикселей к grid-template-areas добавляется временная шкала, которая, как я полагаю, отображается только на десктопе. На мобильных устройствах это ломает макет.

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

Спасибо :slightly_smiling_face:

2 лайка
5

@Don Я провёл небольшое тестирование и не думаю, что эта проблема ещё актуальна… Вы замечали её появление в последнее время?

1 лайк
6

Спасибо за проверку, @awesomerobot.

Но я думаю, что проблема всё ещё существует. Она, кажется, возникает только тогда, когда topic-progress-wrapper закреплён.

1 лайк
7

Ах, я понял, думаю, я смотрел не туда. Это должно исправить макет, когда полоса прогресса закреплена:

2 лайка
8

Эта тема была автоматически закрыта через 3 дня. Новые ответы больше не принимаются.