Мета уроку - познайомитися з основами технології Flexbox, загальними поняттями та принципами логіки роботи технології Flexbox, виробити розуміння того, як використовувати Flexbox на практиці. Познайомитись із початковою простою структурою перед створенням лендингу сторінки (односторінковий лендинг) та розібратися з тим, як робити перші кроки при верстанні. Також розглянути створення простого меню на сайті з використанням флексбокс технології.

Мета уроку - познайомитися з основними властивостями, що використовуються на практиці, і отримати розуміння того, коли їх використовувати. Розібрати, які є можливості у властивостей align-items, flex-wrap, order, а також їх нюанси та переваги використання.

Мета уроку – розібрати, як, навіщо і коли потрібно змінити напрямок основного потоку. Переглянути, які аспекти з'являються при зміні потоку. Розглянути, якою стає поведінка у властивості margin з flexbox елементами, яким чином можна використовувати медіа запити при верстанні макета, використовуючи Flexbox технологію. Ознайомитися з властивістю flex-direction і тим, як змінює свою поведінку властивість margin з використанням флексбоксів.

Мета уроку - познайомитися з властивостями flex-grow і flex-shrink для створення «гумового» верстання. Ознайомитись із процесом завершення планшетної та мобільної версії простої сторінки без використання додаткових правил медіа запитів.