Flex Utilities

Tailwind CSS 🟢 Junior

Definition

Ensemble de classes utilitaires pour controler les layouts flexbox : direction, alignement, justification, wrap et grow/shrink.

Analogie

Un chef d'orchestre qui place les musiciens en ligne, les espace et les aligne comme il veut.

Exemple de code

<div class="flex flex-col md:flex-row
  items-center justify-between gap-4
  flex-wrap">
  <div class="flex-1">A</div>
  <div class="flex-shrink-0">B</div>
</div>

Cas d'usage

Creer des layouts flexibles et responsifs (navbars, cards, formulaires) sans CSS custom.

Termes lies

#styling#interview#tailwind