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.