быстрое создание grid сетки

Конструктор grid сетки. Как быстро создать grid сетку для сайта

Нашёл очень полезный конструктор для создания grid сетки, теперь делюсь им с вами. Сайт https://cssgr.id/ на котором размещён конструктор сетки, очень сильно облегчает работу любому верстальщику.

Ссылка на сайт – https://cssgr.id/

Для разбора полного функционала понадобится не более 10 мин. Здесь все очень просто. Справа находится панель в которой вы забиваете свои параметры. Параметрами являются: количество столбцов, количество элементов, расстояние между элементами, максимальная ширина области в которой размещены элементы. Так же здесь есть список уже готовых сеток.

Слева вы увидите изменения которые происходят при прописание параметров.

Так же данный конструктор позволяет изменять каждый блок отдельно. Для этого нажмите на элемент и справа появится ещё 2 параметра, которые позволяют указывать длину и высоту выбранного элемента относительно соседних.

По окончанию создания сетки, нажмите на кнопку get code и скопируйте полученный HTML и CSS код.

На этом всё!
Если у вас есть вопросы, пишите их в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime

Оставить комментарий

avatar
  Подписаться  
Уведомление о