Իմացիր վերջին հետաքրքիր փաստը, որը դու իմացար CSS-ի մասին։

CSS-ում հայտնվեց շատ հետաքրքիր հնարավորություն — Container Queries (Կոնտեյներային Հարցումներ): Դրանք թույլ են տալիս կիրառել ոճեր ոչ միայն կախված է բրաուզերի պատուհանի չափից (ինչպես media queries), այլ նաև կախված է ծնողական կոնտեյների չափից: Սա հատկապես օգտակար է ստեղծելու հարմարվող կոմպոնենտներ, որոնք կարող են փոխել իրենց տեսքը կախված այն վայրից, որտեղ օգտագործվում են, և ոչ միայն էկրանի լայնությունից:

Օգտագործման օրինակ:

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

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

Այստեղ, .card դառնում է կոնտեյներ, և նրա ներսում ոճերը փոխվում են, եթե կոնտեյների լայնությունը մեծ է 400px-ից: Սա բացում է նոր հնարավորություններ մոդուլային և հարմարվող դիզայնի համար։