¿Problema con el diseño de cuadrícula de publicaciones de contenedor?

UX
1

Hola,

He notado un problema en la vista móvil en un dispositivo tipo tablet.

Esta media query funciona bien en móvil, pero creo que debería activarse en todos los anchos de vista móvil.

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

Por encima de 924px añadirá la línea de tiempo a las template-areas que es (creo que solo aparece en escritorio) en móvil y rompe el diseño.

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

Gracias :slightly_smiling_face:

2 Me gusta
5

@Don He estado haciendo algunas pruebas y no creo que esto sea un problema en este momento… ¿lo has visto surgir últimamente?

1 me gusta
6

Gracias por revisarlo @awesomerobot.

Pero creo que esto sigue siendo un problema. Creo que solo aparece si el topic-progress-wrapper está acoplado.

1 me gusta
7

Ah, ya veo, creo que estaba mirando la cosa equivocada. Esto debería arreglar el diseño cuando la barra de progreso está acoplada:

2 Me gusta
8

Este tema se cerró automáticamente después de 3 días. Ya no se permiten nuevas respuestas.