Scroller orizzontali senza JS, griglie che non vanno in overflow e componenti davvero adattivi con le container query.
I pattern di layout più utili sono spesso quelli che ti risolvono problemi ricorrenti con poche righe, senza introdurre complessità (o JavaScript) dove non serve. Qui raccolgo tre soluzioni che uso spesso in progetti reali, con un paio di “upgrade” estetici/funzionali che puoi applicare come progressive enhancement.
1) Overflow scroller a card con CSS Grid (e scroll snapping)
Lo scenario classico: una lista di card orizzontale che su mobile si sfoglia naturalmente, e su desktop deve restare confinata (senza far scorrere l’intera pagina).
Base: Grid che “scorre” in colonne
