Для создания макетов очень долгое время использовались такие свойства как display, float, position и др. Если вам приходилось их использовать, то вы согласитесь, что эта не самая легкая и приятная работа, т. к. у этих свойств имеется множество нюансов. И не спроста, ведь эти свойства изначально не предназначались для создания сложных макетов современных веб-страниц и веб-приложений.

В этом курсе вы познакомитесь с Flexbox - модулем CSS, который был разработан для создания гибких макетов.

Используя Flexbox, мы получаем все преимущества традиционных способов позиционирования, но без их недостатков. Мы с легкостью можем изменить размер, направление, порядок элементов, вне зависимости от их изначального размера и порядка в HTML. И наконец-то мы можем без труда разместить элементы по центру, как горизонтально, так и вертикально. И всего этого можно добиться написав всего несколько строк CSS.

  • play_circle_outlineВступление1:30lock_open
  • play_circle_outlineЧто такое Flexbox1:04lock_open
  • codeСоздание контейнераИнтерактивныйlock_open
  • codeНаправление элементовИнтерактивныйlock
  • codeПеренос элементовИнтерактивныйlock
  • codeПорядок элементовИнтерактивныйlock
  • codeРазмер элементовИнтерактивныйlock
  • codeРаспределение элементовИнтерактивныйlock
  • codeРасположение элементаИнтерактивныйlock
Приобрести доступ

Олег Поляков

Full Stack веб-разработчик. Основатель проекта CodeDojo.

Регистрация

Для регистрации введите актуальный адрес электронной почты. На него вам придет письмо для активации аккаунта.

Вход

или

Сброс пароля

Для сброса пароля введите адрес электронной почты указанный при регистрации. На этот адрес придет письмо с инструкцией.

Регистрация

Для регистрации введите актуальный адрес электронной почты. На него вам придет письмо для активации аккаунта.

Уровень

Сумма оплаты составляет 500 руб. Доступ будет действовать до 25.08.2021.