Deck object: Better handling for orphaned items

Offen
#1,542 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
35/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
scss
Bereich
design, frontend

Rechercherichtung

Beginne auf der Artikellandingpage (/thinks) und untersuche das responsive Verhalten des Deck-Objekts anhand des Screenshots für mittlere Bildschirmgrößen. Prüfe Issue #612 auf verwandte Arbeiten, bevor du dich für einen Ansatz entscheidest. Erledigt bedeutet, dass die 11 Karten bei mittleren Breiten keine unbeholfenen verwaisten Zeilen mehr bilden, während das Layout für große Bildschirme weiterhin effektiv bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

🎨 design

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

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

image

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

Vorherrschende Sprache
SCSS
Sterne
26
Forks
4
Ø Merge
16 Std. 7 Min.
Gemergte PRs (30 T.)
88

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus cloudfour/cloudfour.com-patterns

Alle Issues in cloudfour/cloudfour.com-patterns

Ähnliche Issues

Weitere Issues zu Design

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.