Quanto hai lavorato con CSS? Conosci Grid Layout?

Ho lavorato abbastanza spesso con CSS, incluso l'uso di Grid Layout per creare layout complessi e adattivi. CSS Grid è uno strumento potente per creare griglie bidimensionali, che permette di gestire facilmente la disposizione degli elementi in righe e colonne.

Esempio di un semplice Grid Layout:

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

In 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>

Questo creerà una griglia di 3 colonne e 2 righe con distribuzione uniforme degli elementi. Grid Layout è utile per creare interfacce complesse e flessibili senza dover usare float o flexbox per compiti simili.