CSS Grid генератор
Създайте CSS Grid оформления визуално с преглед на живо. Задайте колони, редове, разстояния и подравняване. Копирайте CSS кода. Безплатен онлайн инструмент.
Преглед
Справка
Какво е CSS Grid?
CSS Grid Layout е двумерна система за оформление, която ви позволява да създавате сложни оформления, базирани на решетка. За разлика от Flexbox, който е едномерен, Grid може да обработва едновременно колони и редове, което го прави идеален за оформления на страници.
Grid шаблони
grid-template-columns и grid-template-rows определят размерите на пътеките за grid колони и редове. Използвайте 1fr за равни части, auto за размер, базиран на съдържанието, или фиксирани стойности като 200px. Функцията repeat() опростява повтарящите се шаблони.
Поверителност
Цялото генериране на grid работи 100% във вашия браузър. Никакви данни не се изпращат на сървър.