Остекление балконов и лоджий

Теплое и холодное остекление пластиковыми и алюмиОкей, теперь создадим **CSS-код**, ориентированный на **мобильные устройства** (`Mobile First`). Это означает, что мы сначала пишем стили для маленьких экранов (смартфонов), а затем будем добавлять `@media` запросы для адаптации под планшеты и десктопы. HTML-структура остается той же, что мы написали ранее (`index.html`). Мы будем стилизовать её с помощью `style.css`. **`style.css` (Начало - Mobile First)** ```css /* ========== GLOBAL STYLES & RESET ========== */ * { box-sizing: border-box; /* Управляем размерами блоков более предсказуемо */ margin: 0; padding: 0; } html { scroll-behavior: smooth; /* Плавная прокрутка по якорям */ } body { font-family: 'Open Sans', sans-serif; /* Основной шрифт */ font-size: 16px; /* Базовый размер шрифта для мобильных */ line-height: 1.6; /* Комфортный межстрочный интервал */ color: #212529; /* Основной цвет текста (темно-серый) */ background-color: #FFFFFF; /* Белый фон */ -webkit-font-smoothing: antialiased; /* Улучшение рендеринга шрифтов */ -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; /* Картинки не вылезают за контейнер */ height: auto; display: block; /* Убирает отступы под картинками */ } a { color: #3A7DCA; /* Основной синий для ссылок */ text-decoration: none; /* Убираем подчеркивание по умолчанию */ } a:hover { text-decoration: underline; /* Подчеркивание при наведении */ } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; /* Шрифт для заголовков */ font-weight: 700; /* Полужирное начертание */ line-height: 1.3; margin-bottom: 15px; /* Отступ снизу у заголовков */ } h1 { font-size: 28px; /* Размер H1 для мобильных */ }