Sobes.tech
Intern

Spune-mi despre ultimul fapt interesant pe care l-ai aflat despre CSS.

sobes.tech AI

Răspuns de la AI

În CSS a apărut o funcționalitate foarte interesantă — interogările de container (Container Queries). Acestea permit aplicarea stilurilor nu doar în funcție de dimensiunea ferestrei browserului (ca în media queries), ci și în funcție de dimensiunea containerului părinte. Acest lucru este deosebit de util pentru crearea de componente adaptabile, care își pot schimba aspectul în funcție de locul în care sunt utilizate, și nu doar în funcție de lățimea ecranului.

Exemplu de utilizare:

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

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

Aici, .card devine un container, iar stilurile din interior se schimbă dacă lățimea containerului depășește 400px. Acest lucru deschide noi posibilități pentru design modular și adaptabil.