Верстка сайта с нуля. Агрегатор онлайн курсов. Часть 2

Всем привет. Верстаем большой адаптивный сайт - агрегатор онлайн курсов с нуля и до финальной выгрузки. Используемый стек технологий - Pug, SCSS, HTML, JavaScript, Gulp.
Приятного просмотра.
Github проекта github.com/FARCER/frontcoder-... (папка agregator)
Ссылка на макет www.figma.com/file/2CxseSo54r...
Содержание:
00:00 - Вступление
06:00 - Начинаем работу над проектом
01:35:50 - Итоги
-----------------------------------------------------------------------------------
Плейлисты моего канала, которые также могут быть вам интересны
Верстка сайта #10. PSD 2 HTML . Верстка сайта по продаже строительных материалов - bit.ly/2kIF3Ov
Chrome DevTools - bit.ly/33IfApM
Учим программирование через игры - bit.ly/2CEGkvq
Верстка интернет - магазина - bit.ly/2CvE75h
Собери свою сборку на gulp4 - bit.ly/32IwCTa
Секреты Frontend Разработчика - bit.ly/2X7a3X6
Практикум JavaScript - bit.ly/2DPk3LK
Основы JavaScript - bit.ly/2Rr7rT4
-----------------------------------------------------------------------------------
✅ ВК - frontcoder
✅ Чат Telegram - t.me/frontcoder
✅ Boosty - boosty.to/frontcoder
✅ Поддержать канал - boosty.to/frontcoder/donate
-----------------------------------------------------------------------------------
Не забываем, что самый лучший способ сказать "спасибо" - нажать кнопку "нравится" и скинуть ссылку на урок друзьям. Ничто другое так сильно не мотивирует автора продолжать работу :)

[@mushnikov35]

Про отступы хочу вставить свои 5 копеек, лучше использовать gap, по сути аналог всех эти * > last-child, тем более поддержка хорошая. Да и по поводу сетки, грид это крутая вещь, flex для контента больше использую. Да и почему не используете css переменные ? var, их ведь можно получить даже в js чтоб потом где то применить, то есть значение нужно будет только поменять в переменной css, для бэкенд разраба кто будет вешать верстку это удобно, чтоб не лазить по js файлам

[@Frontcoder]

gap не всегда подходит. Например не везде нужен flex. Грид опять же не всегда и везде нужен. Пока что во всех проектах мне без него удобнее было. Исключение - какие то сложные сетки прям. Переменные - я знаю и понимаю их, но пока не было видимо в работе ситуаций, когда они были бы особо предпочтительнее scss

[@thesweetlife843]

@@Frontcoder про переменные допустим заказчик захочет прикрутить темную тему для сайта, с css переменными будет очень просто это сделать. Грид для любых сеток лучше использовать, там куча всяких приколюх типа minmax и прочих функций.

[@Frontcoder]

@@thesweetlife843 так я и не отрицаю эти инструменты. Каждый инструмент нужен для определенных целей. В данном кейсе они мне не нужны.