Problema con il layout della griglia dei post del contenitore?

Ciao,

Ho notato un problema nella visualizzazione mobile su un tablet.

Questa media query funziona bene su mobile, ma penso che dovrebbe essere attiva su tutte le larghezze di visualizzazione mobile.

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

Oltre 924px aggiungerà la timeline a template-areas che è (penso appaia solo sul desktop) su mobile, rompendo il layout.

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

Grazie :slightly_smiling_face:

2 Mi Piace

@Don Ho fatto qualche test e non credo che questo sia più un problema… l’hai riscontrato ultimamente?

1 Mi Piace

Grazie per aver controllato @awesomerobot.

Ma penso che questo sia ancora un problema. Appare solo, credo, se il topic-progress-wrapper è agganciato.

1 Mi Piace

Ah capisco, penso che stessi guardando la cosa sbagliata. Questo dovrebbe correggere il layout quando la barra di avanzamento è ancorata:

2 Mi Piace

Questo argomento è stato chiuso automaticamente dopo 3 giorni. Non sono più consentite nuove risposte.