cloudfour / cloudfour/cloudfour.com-patterns

Deck object: Better handling for orphaned items

Aperta
#1,542 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub
🎨 design
Lingua principale
SCSS
Stelle
26
Fork
3
Merge medio
19h 32m
PR unite (30g)
81

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia dalla landing page dell’articolo (`/thinks`) e verifica il comportamento responsive dell’oggetto Deck rispetto allo screenshot per schermi di dimensioni medie. Esamina l’issue #612 per individuare il lavoro correlato prima di decidere un approccio. Il lavoro è completato quando le 11 schede non formano più righe orfane sgraziate alle larghezze medie, mentre il layout per gli schermi grandi rimane efficace.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
scss
Ambito
design, frontend
Tipo di issue
Funzionalità
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.