cloudfour / cloudfour/cloudfour.com-patterns

Deck object: Better handling for orphaned items

Abierto
#1,542 3 comentarios 0 reacciones 0 asignados Ver en GitHub
🎨 design
Lenguaje dominante
SCSS
Estrellas
26
Forks
3
Merge medio
19 h 32 min
PR fusionados (30 d)
81

Descripción

The article landing page (`/thinks`) has 11 posts on it. On large screens this works great, but on medium screens the number of posts leads to odd rows:

![image](https://user-images.githubusercontent.com/5798536/133506527-562e0dde-5bdb-40bc-8bce-60fdd2135cf4.png)

Making cards horizontal at this size could fix it, but looks too squished:

![image](https://user-images.githubusercontent.com/5798536/133506580-3d122fd6-203a-454d-9f33-dfb59ad44c8d.png)

We could investigate better ways to handle this, though it may be resolved when we handle https://github.com/cloudfour/cloudfour.com-wp/issues/612

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza en la página de destino del artículo (`/thinks`) e inspecciona el comportamiento responsive del objeto Deck en comparación con la captura de pantalla de tamaño mediano. Revisa el issue #612 en busca de trabajos relacionados antes de decidirte por un enfoque. Se considera terminado cuando las 11 tarjetas ya no forman filas huérfanas incómodas en anchos medianos, mientras que el diseño para pantallas grandes sigue siendo eficaz.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
scss
Área
design, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.