WebStudio landing page layout & geometry — HTML/CSS homework assignment #3 for the GoIT course. Focuses on Flexbox positioning, page geometry, containers, and smooth anchor navigation.

What was done:

• Initialized repository goit-markup-hw-03 and migrated files from Homework 2
• Connected modern-normalize (minified version) for consistent default cross-browser styles
• Applied modern CSS Flexbox for element alignment and page layout (header, navigation, team, features, and portfolio cards)
• Created a unified helper class .container (width 1158px, centered with margin: 0 auto and horizontal padding) wrapping content inside sections, header, and footer
• Standardized vertical section spacing using a shared .section class with top and bottom paddings of 120px
• Added visually hidden utility class (.visually-hidden / .sr-only) for accessible section titles (e.g., Features section title)
• Set up smooth scrolling navigation via CSS scroll-behavior: smooth and page anchor links (#features, #team)
• Styled card borders for the Portfolio section according to design specifications (border on the lower text block)
• Removed hardcoded heights on content containers, allowing height to be dictated naturally by content and paddings
• Maintained strict CSS structure across modular files under css/, aggregated in main.css
• Formatted code with Prettier and validated HTML structure with W3C HTML Validator
• Deployed update via GitHub Pages with active URL updated in the repository's About section

============================================================================

Геометрія та позиціонування елементів лендінгу WebStudio — домашнє завдання #3 з курсу HTML/CSS від GoIT. Реалізовано сітку Flexbox, геометрію блоків, контейнери та плавну якорну навігацію.

Що зроблено:

• Створено репозиторій goit-markup-hw-03 та перенесено напрацювання з попереднього ДЗ
• Підключено нормалізатор стилів modern-normalize (мініфіковану версію) для єдиного відображення у всіх браузерах
• Налаштовано позиціонування елементів за допомогою Flexbox (у шапці, навігації, списках секцій Переваги, Команда та Портфоліо)
• Створено універсальний допоміжний клас .container (ширина 1158px, центрування через margin: 0 auto з бічними паддінгами) всередині хедера, футера та секцій
• Задано єдиний клас .section з вертикальними паддінгами 120px для відступів між вмістом секцій
• Реалізовано патерн доступного приховування заголовків (.visually-hidden / .sr-only) для секції Переваги
• Додано плавну якорну навігацію за допомогою плавної прокрутки scroll-behavior: smooth та id-посилань (#features, #team)
• Налаштовано рамки для карток у секції Портфоліо відповідно до макета (рамка навколо нижнього блоку з описом)
• Прибрано фіксовану висоту блоків — висота розраховується автоматично за рахунок контенту та вертикальних паддінгів
• Збережено чітку структуру файлів у папці css/, зібрану через файл main.css
• Код відформатовано за допомогою Prettier та перевірено валідатором W3C
• Оновлено та опубліковано живу сторінку на GitHub Pages, посилання додано в секцію About репозиторія