Дар бораи воқеаи охирини ҷолибе, ки дар бораи CSS омӯхтӣ, нақл кун.

Дар CSS пайдо шудан як имконияти хеле ҷолиб — Container Queries (Пурсишҳои контейнер). Онҳо имкон медиҳанд, ки услубҳоро на танҳо вобаста ба андозаи тирезаи браузер (монанди media queries), балки инчунин вобаста ба андозаи контейнери падар татбиқ кардан мумкин аст. Ин махсусан барои сохтани компонентҳои мутобиқшаванда, ки метавонанд намуди худро вобаста ба ҷойи истифодаашон тағир диҳанд, ва на танҳо вобаста ба паҳнои экран, кӯмак мерасонад.

Маслиҳат барои истифода:

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

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

Ин ҷо, .card ба контейнер табдил меёбад, ва дар дохили он услубҳо тағир меёбанд агар паҳнои контейнер аз 400px зиёдтар шавад. Ин имкониятҳои нав барои тарҳи модулӣ ва мутобиқшаванда мекушояд.