cloudfour / cloudfour/cloudfour.com-patterns
Deck object: Better handling for orphaned items
- Langage dominant
- SCSS
- Étoiles
- 26
- Forks
- 3
- Merge moyen
- 19 h 32 min
- PR mergées (30 j)
- 81
Description
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:

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

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
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par la page d’accueil de l’article (`/thinks`) et examinez le comportement responsive de l’objet Deck par rapport à la capture d’écran pour écran de taille moyenne. Consultez l’issue #612 pour prendre connaissance des travaux connexes avant de choisir une approche. Le travail est considéré comme terminé lorsque les 11 cartes ne forment plus de rangées orphelines maladroites aux largeurs intermédiaires, tandis que la mise en page pour grand écran reste efficace.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- scss
- Domaine
- design, frontend
- Type d'issue
- Fonctionnalité
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 35/100