Эч качан торчо системасын (торчо системасы, торчо дизайн) колдонуп көрдүңүзбү? Эгер ооба болсо, кайсынысы сизге эң жакса болот?

Ооба, мен колдонгом.

Мен CSS Grid Layout колдонууну артык көрөм.

Негизги себептери:

• Табигый. Бул CSS стандарттык спецификациясы, ал тышкы китепканаларды талап кылбайт.
• Ийкемдүү. Бул чынжыр жана багана боюнча татаал эки өлчөмдүү түзүмдөрдү түзүүгө мүмкүндүк берет жана элементтердин жайгашуусун чоң тактык менен көзөмөлдөйт.
• Жоопкерчилик. @media суроолору жана fr сыяктуу бирдиктерди колдонуп, ар кандай экран өлчөмдөрүнө оңой ылайыкташат.
• Код тазалыгы. Куту моделине салыштырмалуу, Grid көбүнчө markupты жөнөкөйлөтөт жана кошумча каптоо элементтеринин керектүүлүгүн азайтат.

Негизги колдонуу мисалы:

/*
  Ортолук элемент менен display grid.
  Үч бирдей кеңдиктеги багандарды жана автоматтык бийиктиктеги эки сапты аныктайбыз.
*/
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
  gap: 20px; /* Элементтердин ортосундагы аралык */
}

/*
  Гридтеги элементтин жайгашуусунун мисалы.
  Элементти эки баганга созуп, экинчи багандан баштайбыз.
*/
.item {
  grid-column: 2 / span 2;
}

Эртеби мен ошондой эле Bootstrap Grid System колдонуп келгенмин, ал Flexboxке негизделген. Бул тез эле типтүү түзүмдөрдү түзүүгө пайдалуу, бирок татаал структуралар менен иштөөдө азыраак ийкемдүү жана атайын CSS класстарына байланыштуу.

Жалпысынан, CSS Grid күчтүү жана ийкемдүү инструменттерди сунуштайт, заманбап жана татаал түзүмдөрдү түзүү үчүн, тышкы фреймворккө көз каранды болбостон.