Верстка сторінки-візитки на Flexbox

 

Завдання на повторення теми

1. Створити  проект Vizytka з html-кодом веб-сторінки-візитки з використанням технології flexbox за схемою:


2. Для сторінки застосувати фонове зображення (на вибір).
3. Застосувати властивість, що змінює алгоритм розрахунку ширини і висоти елемента без врахування відступів 
4. Застосувати до сторінки  технологію flexbox,  висоту сторінки встановити 100%, вирівняти флекс по центру рядка (по горизонталі), флекс-елементи  теж вирівняти по центру, 
5. Підключити шрифти 'Oswald', sans-serif, 'Playfair Display', serif; Monserrat;

Приклад адаптивного  горизонтального меню з застосуванням технології flexbox


Шпаргалка по flexbox