Πες μου για το τελευταίο ενδιαφέρον γεγονός που έμαθες για το CSS.

Στο CSS εμφανίστηκε μια πολύ ενδιαφέρουσα δυνατότητα — τα Container Queries. Επιτρέπουν την εφαρμογή στυλ όχι μόνο ανάλογα με το μέγεθος του παραθύρου του προγράμματος περιήγησης (όπως τα media queries), αλλά και ανάλογα με το μέγεθος του γονικού κοντέινερ. Αυτό είναι ιδιαίτερα χρήσιμο για τη δημιουργία προσαρμοστικών συστατικών που μπορούν να αλλάξουν την εμφάνισή τους ανάλογα με το πού χρησιμοποιούνται, και όχι μόνο με το πλάτος της οθόνης.

Παράδειγμα χρήσης:

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

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

Εδώ, το .card γίνεται κοντέινερ, και τα στυλ μέσα σε αυτό αλλάζουν αν το πλάτος του κοντέινερ είναι μεγαλύτερο από 400px. Αυτό ανοίγει νέες δυνατότητες για αρθρωτό και προσαρμοστικό σχεδιασμό.