Hech qachon tarmoq tizimidan (tarmoq tizimi, tarmoq dizayni) foydalanganmisiz? Agar ha, u sizga eng ko‘p qaysi yoqadi?

Ha, ishlatganman.

CSS Grid Layoutdan foydalanishni afzal ko'raman.

Asosiy sabablari:

• Nativ. Bu CSS standarti bo'lib, tashqi kutubxonalarni talab qilmaydi.
• Moslashuvchanlik. Murakkab ikki o'lchovli (qatorlar va ustunlar) tartiblarni yaratishga imkon beradi va elementlarning joylashishini katta aniqlik bilan nazorat qilish imkonini beradi.
• Moslashuvchanlik. @media so'rovlar va fr kabi o'lchov birliklarini ishlatib, turli ekran o'lchamlariga osongina moslashadi.
• Kod tozaligi. Quti modeli bilan solishtirganda, Grid ko'pincha markupni soddalashtiradi va qo'shimcha o'ram elementlar ehtiyojini kamaytiradi.

Asosiy foydalanish misoli:

/*
  Qamrov element grid display bilan.
  Uchta teng kenglikdagi ustunlar va avtomatik balandlikka ega ikki qator belgilaymiz.
*/
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
  gap: 20px; /* Elementlar orasidagi bo'shliq */
}

/*
  Grid ichida elementning joylashuvi misoli.
  Elementni ikki ustun bo'ylab kengaytiramiz, ikkinchi ustundan boshlanadi.
*/
.item {
  grid-column: 2 / span 2;
}

Oldin men Bootstrap Grid Systemdan ham foydalanardim, u Flexbox asosida. Bu tezkor tipik tartiblarni yaratishda foydalidir, ammo murakkab tuzilmalar bilan ishlashda kamroq moslashuvchan va CSS sinflariga bog'liq.

Umuman olganda, CSS Grid zamonaviy va murakkab tartiblarni yaratishda kuchli va moslashuvchan vositalar taqdim etadi, tashqi freymvorklarga bog'liq bo'lmasdan.