Section 24
Mises en page
non-conventionnelles
Trois approches qui cassent la grille uniforme : masonry organique, broken grid à 12 colonnes avec placement explicite, layout superposé avec profondeur Z. Chacun crée une dynamique que la grille standard ne peut pas atteindre.
Masonry — colonnes organiques
columns:3 + break-inside:avoid — les hauteurs différentes créent un rythme visuel naturel
Broken grid — placement explicite 12 colonnes
grid-column + grid-row explicit par item — tension visuelle impossible avec auto-placement
Générique — grille uniforme 3 colonnes
Grand format
Paysage
Portrait
Carré
Panorama
Vertical
Horizontal
Libre
Overlapping — images superposées avec hiérarchie Z
position:absolute + z-index explicite — hover monte une image au premier plan
Survolez une image pour la faire passer au premier plan