cloudfour / cloudfour/cloudfour.com-patterns

Deck object: Better handling for orphaned items

Ouverte
#1,542 3 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
🎨 design
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:

![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

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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.