Grids . Documentation

.grid4.gap

.c4
.r4
.c2
.r2
.r3
.c3

.grid4

.c4
.r4
.c2
.r2
.r3
.c3

.grid2.gap

.c2

.grid3.gap

.r2
.r2.c2
.c2
.c3

.grid4.gap.masonry

.c2

.grid-auto.gap

.grid-auto.gap(style='--size-grid:5em')

.grid-auto-min.gap

Les grilles utilisent les modules CSS Grid Layout, Container Queries et les opérateurs mathématiques de comparaison (Media Queries Level 4).

Voir pour les supports de Container Queries et Media Queries: Range Syntax.

Actuellement notre solution pour faire du masonry est composée de CSS + JavaScript, en attendant que les styles CSS permettent une implémentation native (prochainement avec display: grid-lanes;).