Algunos problemas de CSS y cómo los resolví para nuestro uso personal
Escritorio
El primero no es tanto un problema, pero podría serlo. Rara vez tenemos tantas réplicas en una publicación, pero debes saber que si superas las 8 réplicas, los Controles de la publicación se romperán.
Aquí está con 8 réplicas, se ve genial.
CSS utilizado para escritorio
.post-retort {
margin: 0px 2px;
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
}
Teléfono: iPhone SE Gen1
Móvil
El número máximo de réplicas en este momento en móvil sin romper los controles de la publicación, al menos usando una pantalla más pequeña, es 1.
Con más de una réplica, los controles de la publicación se salen de la pantalla.
Así es como se ve con nuestros cambios de CSS.
CSS para móvil
.post-retort {
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
margin: 2px 2px;
float: none;
}
Puedes lograr el mismo aspecto en escritorio que en móvil usando el CSS para móvil de arriba; esto colocará las réplicas encima de los controles de la publicación.
Nos encanta este plugin y se utiliza mucho en nuestro foro, gracias por asumirlo @angus 