Урок 31. Стилізація додаткового блоку та візуальний ритм

Що робить CSS-правило margin: 0 auto; для блоку з фіксованою шириною (наприклад, .container)?

Яка властивість відповідає за створення внутрішніх відступів у блоці (наприклад, щоб текст не торкався країв секції)?

Яка властивість вирівнює текст заголовка по центру?

Для чого у вебдизайні використовують техніку чергування кольорів фону для різних секцій (наприклад: біла — сіра — біла)?

Якщо ви хочете розмістити текст і зображення поруч (50/50), яку властивість потрібно використати, щоб вирівняти текст по вертикалі відносно центру картинки?

Яке правило є обов'язковим для картинки всередині колонки, щоб вона не вилазила за межі і адаптувалась під ширину цієї колонки?

Що робить властивість object-fit: cover; для зображення?

Які дві ключові властивості необхідні, щоб створити дві колонки, які стоять поруч одна з одною?

Які способи допомагають візуально відділити одну секцію сайту від іншої?

Чому для двох колонок в один ряд задають ширину менше 50% (наприклад, 48% або 49%)?

Ви створили дві колонки по 48%, але вони все одно стоять одна під одною, а не поруч. Яку властивість ви забули?

.column {
 width: 48%;
 /* display: ??? */
}

Велика картинка "ламає" верстку і виходить за межі своєї колонки, перекриваючи текст сусідньої. Що виправить ситуацію?

.col-img img {
 /* Пропущено обмеження ширини */
 border-radius: 10px;
}