Започваме поредицата от видео уроци, в които ще решим стъпка по стъпка практическа Задача 28 (Вариант 2) от реалната матура по Информационни технологии, проведена на 22 май 2026 г.. Темата е Информационна кампания „Рециклиране“.
В това първо видео ще разгледаме:
- Първоначална подготовка на файловата структура.
- Създаване на родителския Блок 1 (ширина 80%, шрифт Georgia).
- Изграждане на Блок 2 (Header) със зелен фон
#2E7D32. - Подравняване на логото и навигацията чрез съвременния CSS Flexbox метод.
Изисквания по МОН, които изпълняваме в това видео:
- Заглавие в таба:
<title>Кампания „Рециклиране“</title>. - Блок 1: Контейнер, обхващащ всички елементи, центриран в браузъра.
- Лого: Свиване на изображението
logo.pngдо точно 8% ширина. - Навигация: Бели линкове (`#ffffff`), размер 20px, удебелени (почернени), без долна черта и с 10px разстояние между тях (gap). Вертикално центриране и външни маржове от 30px.
🎥 Видео урок: Част 1
Имате проблем с Flexbox центрирането в Хедъра?
Ако линковете ви излизат под логото или не се центрират вертикално, проверете свойствата в CSS или ми пишете.
Ми пишете тук