CSS Flexbox ➤ Ознайомлення з Flexbox

Отримай безкоштовний доступ до усіх відео курсів на 30 днів (тільки для громадян України) - cutt.ly/EeUVCTkj Повний курс - itvdn.com/ua/v...
Мета уроку - познайомитися з основами технології Flexbox, загальними поняттями та принципами логіки роботи технології Flexbox, виробити розуміння того, як використовувати Flexbox на практиці. Познайомитись із початковою простою структурою перед створенням лендингу сторінки (односторінковий лендинг) та розібратися з тим, як робити перші кроки при верстанні. Також розглянути створення простого меню на сайті з використанням флексбокс технології.
Про Курс
Flexbox - це сучасний інструмент верстання, який дозволяє швидко створювати складні гнучкі макети та функції, спрощуючи вирішення завдань, для яких раніше ми використовували чистий CSS.
Даний курс дозволить вам на практиці розглянути прийоми використання технології Flexbox. Ви познайомитесь із загальними поняттями та принципами логіки роботи технології, навчитеся застосовувати основні властивості, розглянете способи взаємодії між елементами, побачите, як можна комбінувати медіа запити з флексбоксом та багато іншого.
Попередні Вимоги
Базові знання верстання HTML & CSS. Бажано ознайомлення з технологією верстання Flexbox
Ви Навчитеся
- Виконувати верстання хедера макета та меню в ньому.
- Створювати просте меню на сайті за допомогою флексбокс технології.
- Використовувати властивості flex-grow та flex-shrink для створення «гумового» верстання.
- Виконувати планшетну та мобільну версії простої сторінки без використання додаткових правил медіа запитів.
- Розуміти функції властивостей align-items, flex-wrap, order, а також їх нюанси та переваги використання.
- Працювати з додатковим потоком у flexbox, розміщуючи елементи у потрібній позиції.
- Розуміти, як, навіщо і коли потрібно змінити напрямок основного потоку.
- Розміщувати багато рядових блоків, незалежно від їхньої кількості, працюючи з флексбоксами.

[@n6mq97]

Вы опаздываете