Կարո՞ղ եք երբևէ օգտագործել ցանցային համակարգ (ցանցային համակարգ, ցանցային դիզայն): Եթե այո, որն է ձեզ ամենաշատը դուր եկածը։

Այո, ես օգտագործել եմ:

Ես նախընտրում եմ օգտագործել 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-ը առաջարկում է ավելի հզոր և ճկուն գործիքներ՝ ժամանակակից և բարդ դասավորություններ ստեղծելու համար՝ առանց արտաքին ֆրեյմվորկերի վրա հույս դնելու։