Changer la taille d'une grille Bootstrap lorsque l'on compile le framework avec SASS :
@grid-gutter-width: 14px;
@grid-columns: 24;
Oh merci, une cheat sheet sur les CSS Grid !
Via shaarliGor.
Pour Chlouchloutte, Animal et Lenny qui doivent faire du positionnement HTML.
Le modèle FlexBox est un positionnement à une dimension, les CSS Grid font de même mais en deux dimensions.
L'intérêt de se servir de frameworks comme Bulma ou Bootstrap se réduit de semaines en semaines. D'autant que les CSS Grid sont gérées à 88% selon Can I use. Pour info les FlexBox le sont à 95% à cette heure.
Un article expliquant une méthode de mise en oeuvre du responsive design avec les CSS Grid. Il est clair que le couple :
- layout avec des CSS Grid.
- contenu avec des FlexBox.
va de loin simplifier la vie des designers web !
Un tuto FlexBox / CSS Grid expliquant dans quels cas l'un où l'autre devient intéressant. On y voit clairement la différence entre un positionnement à une dimension (flexbox) et à deux dimensions (grid).
Vous avez bien lu. Je suis toujours à la recherche d'une framework CSS permettant de faire des grilles responsives facilement. J'espère que Fukol sera le bon. A tester.