Весь FLEXBOX за 42 минуты. Теория и практика по флексбокс (Основы HTML и CSS)
Изучаем свойства флексбокс модели и оттачиваем их на практике.
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
https://t.me/webproschool_bot?start=l...
💙 Мы в VK:
https://vk.com/webproschool
💬 Присоединяйся к нашему чату веб-разработчиков:
https://t.me/webproschool_chat
❤️ Сохрани плейлист с уроками по HTML и CSS, тестами и практикой: • Курс по основам HTML и CSS с тестами ...
Данный курс будет полезен всем начинающим веб-разработчикам, которые хотят узнать как создать сайт и изучить язык разметки HTML и язык стилей CSS. В ходе обучения вы сможете получить тесты и практические задания на закрепление материала.
🔗 Полезные ссылки с урока:
https://flexboxfroggy.com/#ru
Таймкоды:
00:00 О чём это видео.
00:44 Свойство display: flex
02:33 Про оси.
03:14 Свойство justify-content
06:20 Отличие flex-start и flex-end от start и end
08:20 Свойство align-items
10:20 Свойство align-content
12:38 Когда использовать align-items и align-content
13:15 Используем изученные свойства вместе.
14:37 Свойство align-self
15:35 Свойство gap
17:55 Свойство flex-direction
19:05 Важное про flex-direction: column
20:50 Свойство flex-wrap
21:55 flex-wrap в реальной практике
22:40 Свойство flex-basis
24:18 Свойство flex-grow
27:20 flex-grow в реальной практике
28:07 Свойство flex-shrink
30:55 Верстка страницы из начала урока.
41:40 Что будет дальше.
Watch video Весь FLEXBOX за 42 минуты. Теория и практика по флексбокс (Основы HTML и CSS) online without registration, duration hours minute second in high quality. This video was added by user {WEB PRO} - Школа веб-разработки, создание сайтов 12 September 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 732 once and liked it 45 people.