#3-3 Cайт-визитка. Верстка flexbox элементов

Опубликовано: 30 Октябрь 2024
на канале: СЕРГЕЙ БЕЛОУСОВ ТОП-ЛИДЕР & НАСТАВНИК МИЛЛИОНЕРОВ
1,020
22

Задания к уроку тут - http://sergeibelousov.ru/urok21.html

Тренинг "Профессия-Верстальщик 2.0"
МОДУЛЬ 3 - ВЕРСТКА САЙТА ВИЗИТКИ ДЛЯ КОМПАНИИ ТАКСИ

Шпаргалка по Flexbox - http://yoksel.github.io/flex-cheatsheet/


Вопросы по уроку: ↓↓↓
1) Как работает свойство box-sizing и какие значения принимает ?
2) Как работает псевдо-элемент :nth-child() и какие значения принимает ?
3) Что такое display: flex; (своими словами как вы поняли)
4) Что делает свойство и значение justify-content: space-between; ?
5) Для какой цели мы использовали display: flex; и justify-content: space-between; в верстке ?


Домашнее задание: ↓↓↓
1) Установить и использовать для вырезки иконок экшен для фотошопа Inspire
2) Верстать все по видео
3) Второй и третий блок оформите самостоятельно! (если не получится, то в следующем уроке я покажу как это сделать, но если у вас все таки не получилось, то наверняка вы плохо постарались, делайте все смелее! =))

Заключение: ↓↓↓
1) Напишите ваше общее мнение об уроке
2) Урок получился слишком затянутым, так как я допускал много ошибок, искал их и исправлял, я не стал вырезать эти моменты из видео, так как это является стандартным процессом верстки и каждый допускает такие ошибки. Я считаю что поиск ошибок и их устранение это тоже ОЧЕНЬ важный навык, который приходит только с опытом. Так как я пытаюсь максимально вас приблизить к реальности в верстке и максимально передать вам опыт, я не буду вырезать такие моменты из видео уроков. Как вы считаете ?

Как веб разработчику получать пассивный доход -    • Video