Урок 30. Стилізація контенту та сітки

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

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

Яка властивість додає внутрішній простір всередині кнопки або картки, відсуваючи контент від країв?

Для чого великим секціям сайту (наприклад, блоку "Послуги") задають значні вертикальні відступи (наприклад, padding: 60px 0;)?

У веб-розробці часто використовують клас .container з правилом margin: 0 auto;. Що робить це правило?

Яка властивість дозволяє блокам (наприклад, карткам послуг) розташовуватися поруч один з одним в один ряд?

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

Які CSS-властивості допомагають візуально оформити блок як "картку" (виділити його на фоні сторінки)?

Які властивості зазвичай задають обмежуючому контейнеру (.container), щоб контент не розтягувався занадто сильно на великих екранах?

Навіщо для секції з картками часто задають світло-сірий колір фону, якщо самі картки білі?

Розробник створив картки, але вони вишикувались вертикально одна під одною, замість того щоб стати в ряд. Яка властивість пропущена?

.card {
 width: 30%;
 background: white;
 /* display: ??? */
}

Блок .container має правильну ширину, але "прилип" до лівого краю екрана замість того, щоб бути по центру. У чому помилка?

.container {
 max-width: 1200px;
 /* Пропущено центрування блоку */
}