Flexbox

Dev front

Vignettes carrées responsives avec CSS Grid et aspect-ratio

Cet article présente une méthode moderne pour créer une galerie de vignettes carrées et responsives à l'aide de CSS Grid, sans nécessiter de longues Media Queries. Il aborde la structure HTML simple, la mise en place de la grille avec une règle unique, et la solution pour centrer le contenu, garantissant ainsi une présentation impeccable sur toutes les tailles d'écran. Cette approche assure une mise en page adaptative, performante et facile à maintenir.

Dev front

Tailwind CSS Flex layout - How to use flexbox with Tailwind

Cet article explique comment utiliser le système de mise en page flexible (Flexbox) dans Tailwind CSS. Il couvre les concepts de base du Flexbox, des classes utiles pour contrôler la taille et le comportement des éléments, ainsi que des détails sur la direction, l'alignement et l'espacement des éléments. L'article fournit également des exemples pratiques pour aider à comprendre comment appliquer ces classes dans des projets réels.