Problema no layout da grade de posts do container?

[Don]

Olá,

Notei um problema na visualização em dispositivos móveis (tablets).

Esta media query funciona bem no celular, mas acho que deveria estar ativa em todas as larguras de visualização móvel.

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

Acima de 924px, ele adicionará a linha do tempo a template-areas, que (acho que só aparece no desktop) no celular quebra o layout.

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

Obrigado

[awesomerobot (Kris)]

@Don Fiz um pequeno teste e não acredito que isso seja mais um problema… você o viu surgir ultimamente?

[Don]

Obrigado por verificar, @awesomerobot.

Mas acho que isso ainda é um problema. Só aparece, acho, se o topic-progress-wrapper estiver ancorado.

[awesomerobot (Kris)]

Ah, entendi, acho que estava olhando para a coisa errada. Isso deve corrigir o layout quando a barra de progresso estiver ancorada:

Improve docked progress position on mobile