#3 Пишем свой Bootstrap с нуля | Адаптивная сетка на Sass

Published: 29 June 2021
on channel: CodeQuest
2,261
85

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

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

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

Адаптивность сетки Bootstrap реализована через специальные классы,
которые позволяют установить элементу нужное количество колонок
в каждой контрольной точке.

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

0:00 - Вступление
0:39 - Подходы к адаптивной верстке
1:05 - Медиа-выражения в CSS
1:44 - Использование препроцессора Sass
2:11 - Миксин для медиа-выражений
3:09 - Контрольные точки
3:26 - Миксин для контрольных точек
4:58 - Организация проекта
6:26 - Генерация классов колонок
7:45 - Демонстрация работы сетки
8:10 - Работа с сеткой через миксины
10:26 - Подведение итогов

#bootstrap #sass #flexbox

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

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

Надеюсь на вашу поддержку и интересные вопросы! До скорых встреч!


Watch video #3 Пишем свой Bootstrap с нуля | Адаптивная сетка на Sass online without registration, duration hours minute second in high quality. This video was added by user CodeQuest 29 June 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,261 once and liked it 85 people.