მითხარი ბოლო საინტერესო ფაქტი, რომელიც შენ CSS-ის შესახებ გაიგე.

CSS-ში ძალიან საინტერესო შესაძლებლობა გამოჩნდა — Container Queries (კონტეინერის კითხვები). ისინი საშუალებას აძლევენ სტილების გამოყენებას არა მხოლოდ ბრაუზერის ფანჯრის ზომაზე დამოკიდებულად (როგორც media queries), არამედ მშობელი კონტეინერის ზომაზე დამოკიდებულად. ეს განსაკუთრებით სასარგებლოა ადაპტირებადი კომპონენტების შექმნისთვის, რომლებიც შეიძლება შეცვალონ თავიანთი გარეგნობა გამოყენების ადგილიდან გამომდინარე, და არა მხოლოდ ეკრანის სიგანედან.

გამოყენების მაგალითი:

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

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

აქ, .card ხდება კონტეინერი, და მისი შიგნით სტილები იცვლება, თუ კონტეინერის სიგანე 400px-ზე მეტია. ეს ხსნის ახალ შესაძლებლობებს მოდულური და ადაპტირებადი დიზაინისთვის.