Հաշվվում է տեղում

Grid գեներատոր

Սյուներ, տողեր և բացատ որպես CSS Grid։

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(80px, auto));
gap: 12px;

Արտահանումն ու ներմուծումը հասանելի են մուտքից հետո։ Մտնել

Պատճենում է ցանցի ձևանմուշը ոճաթերթի համար։

Գործիքի մասին

Կառուցեք պարզ CSS ցանց քարտերի, պատկերասրահի կամ վահանակի համար։ Ընտրեք սյունակների քանակը և դրանց միջև միջակայքը, ստուգեք նախադիտումը և պատճենեք CSS-ը։

Ինչպես օգտվել

01
Սահմանեք սյունակների քանակը։
02
Սահմանեք միջակայքը։
03
Պատճենեք ցանցի CSS-ը։

FAQ

Հաճախ տրվող հարցեր

Ի՞նչ է պարունակում ստեղծված CSS-ը

display: grid, grid-template սյունակների և տողերի համար և ընտրված gap-ը։

Ինչպե՞ս ցանցը դարձնել հարմարվող

Փոխեք սյունակների քանակը մեդիա հարցման մեջ կամ օգտագործեք repeat(auto-fit, minmax(…)) ձեր ոճերում։

Ինչպես օգտվել

Հաճախ տրվող հարցեր

Նմանատիպ գործիքներ