Grilles hexagonales responsives avec CSS pur : une approche basée sur float
2025-03-20
Cet article montre comment créer des grilles hexagonales entièrement responsives sans utiliser de requêtes media, de JavaScript ou de hacks excessifs. En utilisant intelligemment `clip-path`, `float` et `shape-outside`, ainsi que des variables CSS pour la taille et l'espacement, une mise en page flexible est obtenue. La technique est étendue pour créer des grilles de losanges, d'octogone et plus encore. CSS Grid est utilisé pour le centrage et le contrôle du débordement, ce qui donne un système de grille réactif et adaptable avec des formes personnalisables.