Частина 1:
Опрацювати теоретичні відомості.
Лабораторна робота № 4
РОБОТА З FLEXBOX В CSSМета заняття: Навчитися працювати з технологією Flexbox. Використовувати Flexbox при верстці адаптивних веб-сторінок
Частина 2:
Створити меню за зразком:
Частина 3:
Для екранів маленьких потрібно, щоб вона перетворювалася в один стовпець:
Без використання @ media-запитів!
Є список:
Необхідно рівномірно розподілити їх по горизонталі,щоб при зміні розміру вікна браузера все виглядало добре (без @media-запитів!).
- 1
- 2
- 3
- 4
- 5
- 6
Частина 4:
Створити вирівняну по правому краю навігацію у верху сайту:
Для екранів середнього розміру потрібно, щоб вона вирівнювалась поцентру:
Частина 5:
Створити орієнтований на мобільні пристрої триколончатий макет з повноширинною шапкою і підвалом (без @media-запитів!):
Це ж завдання реалізуйте ще одним способом за допомогою @ media-запитів:
