Sobes.tech
Intern

Parlami dell'ultimo fatto interessante che hai scoperto sul CSS.

sobes.tech AI

Risposta dell'AI

In CSS è apparsa una funzionalità molto interessante — le Container Queries. Permettono di applicare stili non solo in base alla dimensione della finestra del browser (come le media queries), ma anche in base alla dimensione del contenitore padre. Questo è particolarmente utile per creare componenti adattivi che possono cambiare aspetto a seconda di dove vengono usati, e non solo in base alla larghezza dello schermo.

Esempio di utilizzo:

.card {
  container-type: inline-size;
}

@container (min-width: 400px) {
  .card {
    background-color: lightblue;
  }
}

Qui, .card diventa un contenitore, e gli stili cambiano se la larghezza del contenitore supera i 400px. Questo apre nuove possibilità per un design modulare e adattivo.