Sobes.tech
Intern

Povedaj mi o poslednom zaujímavom fakte, ktorý si sa dozvedel o CSS.

sobes.tech AI

Odpoveď od AI

V CSS sa objavila veľmi zaujímavá funkcia — Container Queries (Dotazy na kontajnery). Umožňujú aplikovať štýly nielen v závislosti od veľkosti okna prehliadača (ako media queries), ale aj od veľkosti rodičovského kontajnera. To je obzvlášť užitočné pre tvorbu adaptívnych komponentov, ktoré môžu meniť svoj vzhľad v závislosti od miesta použitia, a nie len od šírky obrazovky.

Príklad použitia:

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

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

Tu sa .card stáva kontajnerom a vo vnútri neho sa štýly menia, ak je šírka kontajnera väčšia ako 400px. To otvára nové možnosti pre modulárny a adaptívny dizajn.