Представяме ви финалната трета част от подробното видео решение на практическа Задача 28 (Вариант 2) от матурата по Информационни технологии. След като подготвихме скелета и централната част, сега завършваме проекта с изграждането на сложната Грид/Флекс секция и футъра.
В това финално видео ще разгледаме:
- Оформяне на големия Блок 5 (фон
#e8f5e9) и заглавните му елементи. - Подреждане на четири успоредни блока (6, 7, 8 и 9) с точно 25% ширина всеки чрез контейнера
.main-container. - Специфично условно форматиране: добавяне на списък (
ul) само в Блок 6 и наклонен текст (italic) в останалите блокове. - Завършване на уеб страницата с Блок 10 (Footer) по зададените пиксели и размери.
Основни критерии на МОН, които покриваме:
- Блокове 6-9: Еднороден изглед, ширина 25%, височина 400px и отстояние отгоре 20px.
- Изображения в Блок 5: Точно 50% ширина, хоризонтално центриране, рамка 3px и падинг 6px за ефект „отстояние до снимката“.
- Текст в колоните: Наклонен стил (
font-style: italic;), цвят#1B5E20и размер 15px. - Футър: Височина 50px, зелен фон
#1B5E20и перфектно центриран бял текст.
🎥 Видео урок: Част 3
Успешно ли подредихте четирите колони?
Ако някоя от колоните се пренася отдолу или имате проблеми с вътрешните разстояния, прегледайте пълния сорс код или се свържете с мен.
Поискай съдействие