Адаптивная верстка сайта с нуля по макету из Figma #5 CSS Flexbox

preview_player
Показать описание
Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS.

В этом уроке мы будем верстать раздел о компании. Я покажу как сделать три столбца на CSS Flexbox, а так же сделаем адаптивную версию сайта с помощью медиа запросов @media на CSS для разных устройств.

▶▶ Видео, которые будут вам полезны ◀◀

Поддержать автора ₽ублем:
1. Сбер: 4274 3200 3233 1582

#html #css #figma #flexbox #grid #webdevelop #webdev #itdoctor
Рекомендации по теме
Комментарии
Автор

Спасибо что не останавливаетесь несмотря ни на что

unitydeveloper
Автор

О, это я удачно зашёл, продолжаем грызть хрустящую вёрстку.

tvktckw
Автор

В начале курса было много воды, но сейчас все заходит на отлично.

errorgrisha
Автор

Когда начинаешь верстать с медиазапросами кажется, что это какая-то магия )

TheAlexChannelClub
Автор

шрифт у класса project-p нужно выставить open sans

vladimirdenisenko
Автор

Так и не смог разобраться почему у вас .about__flex-item:last-child {margin-rigt: 0} работает. По идее же отступ надо убрать у последнего элемента класса .about__flex?

vyrfmxq
Автор

Всё здорово, вот только нужно было ещё поменять цвет для .project-h2

AlexLee-domin
Автор

Можете снять видео про Sublime горячие клавиши

kashyk
Автор

Gap ведь работает и на Flexbox...Или что то не так тут с ним?

fropprof
Автор

У меня почему-то центрировался логотип. Из-за чего это могло произойти?

m.s.
Автор

Плохо объясняют как и многое не умеют, с блоками запутаешься а пояснять не кто новичкам не будет.

dogvscatfunny