Марафон Flexbox CSS (2019)

Поделитесь новостью в соц-сетях!

Добро пожаловать на марафон по теме Flexbox CSS. Кому полезен этот курс? Тем, кто обладает устаревшими знаниями по верстке сайтов; Тем, кто хочет прокачаться по теме Flexbox CSS в ускоренном режиме; Тем, кому не хватает практики по теме Flexbox CSS, чтобы до конца понять теорию.


Материалы к 1-ому уроку

На этом уроке мы начнем работать с Flexbox. Для выполнения домашнего задания зарегистрируйся на сайте Codepen. После прохождения марафона все домашние задания сохранятся в твоем профиле и ты сможешь возвращаться к своим работам в любое время.


Материалы ко 2-ому уроку

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


Материалы к 3-ему уроку

На этом уроке ты узнаешь, как задавать направление flex-элементам.


Материалы к 4-ому уроку

На этом уроке ты узнаешь обо всех свойствах, которые позволят выравнивать элементы на сайте.


Материалы к 5-ому уроку

На этом уроке мы разберемся с тем, как создавать порядок flex-элементам.


Материалы к 6-ому уроку

На этом уроке ты узнаешь о популярных багах, крутых сайтах-шпаргалках и научишься центрировать блок при помощи Flexbox.


Материалы к 7-ому уроку

На этом уроке мы сверстаем несколько блоков из реального макета, которые связаны с темами нашего марафона.


Список уроков

  1. 1. Начало работы с Flexbox CSS
  2. 2. Свойства flex-basis, flex-grow, flex-shrink
  3. 3. Направление flex-элементов
  4. 4. Выравнивание flex-элементов
  5. 5. Порядок flex-элементов
  6. 6. Крутые фишки Flexbox CSS. Типичные ошибки
  7. 7. Работа на практике со всеми свойствами

Комментарии