Problem mit dem Container-Posts-Grid-Layout?

[Don]

Hallo,

Ich bemerke ein Problem in der mobilen Ansicht auf einem Tablet-Gerät.

Diese Media Query funktioniert gut auf dem Handy, aber ich denke, sie sollte für alle mobilen Ansichtsbreiten aktiv sein.

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

Über 924px hinaus wird die Zeitleiste zu den template-areas hinzugefügt, was (ich glaube, nur auf dem Desktop erscheint) auf dem Handy das Layout zerstört.

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

Danke

[awesomerobot (Kris)]

@Don Ich habe ein wenig getestet und glaube nicht, dass dies mehr ein Problem ist… Ist es dir in letzter Zeit aufgefallen?

[Don]

Danke für die Überprüfung, @awesomerobot.

Aber ich denke, das ist immer noch ein Problem. Es scheint nur aufzutreten, wenn der topic-progress-wrapper angedockt ist.

[awesomerobot (Kris)]

Ah, ich verstehe, ich habe mir wohl das Falsche angesehen. Dies sollte das Layout beheben, wenn die Fortschrittsleiste angedockt ist:

Improve docked progress position on mobile