article

Grid Vs Flexbox pour votre mise en page web

Par  Benjamin

Publié le 13 septembre 2020

Retrouvez-nous sur BlueSky, Facebook et Mastodon.

Après avoir débuté la mise en place des quelques éléments HTML et CSS, souvent nous avons envie de commencer une mise en page. Je vous invite à découvrir deux méthodes qui vous permettrons de mettre en place les éléments de votre page web. La première le display grid simple à comprendre et à mettre en place pour les gros éléments. Ici, c'est la rigueur. Idéal, pour la structure d'une page par exemple. La suivante le display flex, elle demande plus de conteneur, et plus de CSS à taper, mais plus fluide à l'usage. Idéal, pour structurer une galerie ou des menus. Quoi qu'il soit, les deux méthodes sont complémentaire bien souvent, et elles changent notre vie pour composer une page web. Fini les float, inline, marge négative, etc.. Voir le cours sur CodePen directement, c'est peut être plus simple ! Récupérer le fichier HTML du cours.
Sources : W3Schools & Moz://a Doc