Создание сайта с нуля. Урок 15 - Верстка. Полоса преимуществ

Это 15-й урок по созданию сайта с нуля под ключ на заказ и сегодня мы сверстаем адаптивную полосу преимуществ.

Таймкоды:
00:00 Начало урока
01:09 Анализ секции для HTML верстки
01:44 Универсальный класс для темных секций
02:21 Верстка универсальных стилей секций
07:18 HTML верстка полосы преимуществ
24:32 Адаптация под мобильные устройства

[wdm]

Внимание! Если вы используете браузер Chrome, то для того, чтобы открыть просмотр страницы в режиме адаптивности, достаточно открыть инспектор или DevTools (F12) и переключиться в режим Device Toolbar сочетанием клавиш Ctrl+Shift+M. Обратите внимание, что инспектор должен быть активным в браузере, то-есть на него нужно кликнуть перед запуском респонсив отображения. Или нажать на иконку с мобильными устройствами слева сверху DevTools.

[Stasful]

Автор красава!
p.s. Если у кого че не получается копируем блоки из headera index и media в свои файлы и все за робит))

[programmer-stories]

К вопросу об универсализации верхнего отступа в секциях, я таки поступаю иначе. Всё таки задаю отступы не секции а заголовкам второго уровня. Я помню, Алексей, что вы не очень любите переопределять стандартные отступы, но сам всё-таки делаю именно так. ))

[VolkVivere]

не совсем разобрался каким образом данному class="s-wide s-dark s-adv" далее присваивались по отдельности стили.
Благодарю!

[Borykss]

Ребят всем привет, подскажите плиз, на локалхосте все чотко работает, стилизация, фонт авесом и тд. Заливаю на обычный хост, там некоторые стили сбиваются и криво работают. Может я криво както каскад пишу? или что это может быть? кто сталкивался? или может конечный сжатый код проверять...

[Ugastic]

как у вас в заголовке буквы стали заглавными? (ЛЕТ НА РЫНКЕ, ОБЪЕКТОВ, ПАРТНЕРОВ, КВ.М)

[drjmixu]

Я не пойму- если у человека не установлен шрифт "Font Awesome" в системе, то у него не будут отображатся иконки на сайте?

[ItsMe-zqpf]

Жаль что качество видео 360р. Нужно напрягать глаза.