CSS che adatta la galleria al numero di elementi, senza JavaScript

Un articolo su DEV Community propone di gestire il layout di una galleria tramite CSS anziché con props, classi modificatrici o logica JavaScript. L'approccio usa una custom property per il numero di colonne, con un valore predefinito di tre. I selettori :has(), :nth-child() ed :last-child permettono di rilevare se il numero di elementi è pari o superiore a una certa soglia. Con questa regola, le gallerie con due o quattro elementi passano a due colonne, quelle con sette o più a quattro, mentre sei elementi restano su tre. Secondo l'autore, il vantaggio è un componente più pulito che reagisce automaticamente a filtri, paginazione e contenuti dinamici.