Web

Container queries

Në shqip përdoret i njëjti emër.

ShpjegimiSQ

Media queries shikojnë gjerësinë e ekranit; container queries shikojnë gjerësinë e prindit të elementit. Kështu një kartë përshtatet vetë, qoftë në një kolonë të ngushtë apo në një të gjerë.

EnglishEN

Media queries look at the screen width; container queries look at the element's parent width. That way a card adapts itself whether it sits in a narrow column or a wide one.

Si ta mendosh

Si një mobilje që përshtatet me dhomën ku e vendos, jo me gjithë shtëpinë.

Lexoje në anglisht

Like furniture that adapts to the room it's in, not the whole house.

Shembull kodicss

.mbajtesi { container-type: inline-size; }
@container (min-width: 400px) {
  .karta { display: flex; }
}

Terma të lidhur