#1 Пишем Bootstrap с нуля | Основа сетки на Sass и Flexbox

Исходники к видео:
https://boosty.to/codequest/posts/6c5...

Подписывайся на альтернативные каналы:

— https://vk.com/codequest
— https://t.me/codequest

В серии прошлых видео мы с вами рассмотрели работу с Bootstrap:

— узнали о принципах его колоночной сетки
— сделали адаптивный макет
— научились настраивать параметры сетки под себя
— и даже использовать ее без применения классов

В этом видео, я предлагаю написать свой вариант колоночной сетки с нуля, чтобы лучше понимать ее устройство. Для этого мы будем использовать Flexbox, а также препроцессор Sass.

#bootstrap #sass #flexbox

0:00 - Вступление
0:56 - Обзор проекта
1:26 - Подключение сетки
1:53 - Контейнер
2:21 - Выбор ширины контейнера
3:55 - Строки и колонки сетки
4:34 - Элементы макета
5:17 - Расположение колонок
6:06 - Отступы между колонками
6:30 - Отступы через padding
7:02 - Отступы через margin
7:35 - Прижимаем сетку к контейнеру
8:19 - Добавляем новые ряды и колонки
9:10 - Проблема нашей сетки
9:44 - Продолжение следует

Если тебе интересна данная тематика, подпишись на канал!
Для меня это также станет дополнительным стимулом продолжать свою работу.

Также жду вас на моем сайте https://codequest.ru
Здесь вы найдете подробные интерактивные курсы по веб-разработке.