Dans quelle mesure avez-vous travaillé avec CSS ? Connaissez-vous Grid Layout ?

J'ai travaillé avec CSS assez fréquemment, y compris l'utilisation de Grid Layout pour construire des mises en page adaptatives complexes. CSS Grid est un outil puissant pour créer des grilles bidimensionnelles, permettant de gérer facilement la disposition des éléments en lignes et en colonnes.

Exemple d'un Grid Layout simple:

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
.item {
  background-color: #ccc;
  padding: 20px;
  text-align: center;
}

En HTML:

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
</div>

Cela créera une grille de 3 colonnes et 2 lignes avec une répartition uniforme des éléments. Grid Layout est pratique pour créer des interfaces complexes et flexibles sans avoir besoin d'utiliser float ou flexbox pour des tâches similaires.