Sobes.tech
Intern

Ispričaj mi o poslednjem zanimljivom faktu koji si saznao o CSS.

sobes.tech АИ

Одговор од АИ

U CSS-u se pojavila veoma interesantna mogućnost — Container Queries (Upiti za kontejnere). One omogućavaju primenu stilova ne samo u zavisnosti od veličine prozora pretraživača (kao u media queries), već i od veličine roditeljskog kontejnera. Ovo je posebno korisno za kreiranje adaptivnih komponenti koje mogu menjati svoj izgled u zavisnosti od mesta gde se koriste, a ne samo od širine ekrana.

Primer upotrebe:

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

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

Ovde, .card postaje kontejner, i unutar njega stilovi se menjaju ako je širina kontejnera veća od 400px. Ovo otvara nove mogućnosti za modularni i adaptivni dizajn.