Урок 8, Блокова структура (продовження)

Яка CSS-властивість створює внутрішній відступ між контентом та рамкою елемента?

За допомогою якої властивості CSS можна заокруглити кути рамки, надаючи їй більш м'якого вигляду?

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

Навіщо у верстці створюють спеціальний <div> контейнер, в який поміщають групу інших елементів (наприклад, карток)?

Як поводиться звичайний <div> на сторінці за замовчуванням (без додаткових стилів)?

Яка ключова властивість CSS змушує блокові елементи <div> розташовуватися в один ряд, а не один під одним?

Що робить властивість vertical-align: top; для кількох карток, що стоять в одному ряду?

Ви створили галерею, де картки <div class="card"> лежать всередині контейнера <div class="gallery">. До якого класу потрібно застосувати властивість display: inline-block;, щоб саме картки вишикувались в ряд? А) Б) * В) Г)

Коли декілька карток із властивістю margin: 20px; стають в один ряд, що саме створює ця властивість?

У вас є три картки з текстом різної довжини. Після застосування display: inline-block; вони вишикувалися в ряд, але "стрибають" по висоті. Яка властивість допоможе вирівняти їх по верхній лінії?

Розробник очікував побачити три картки в ряд, але вони все одно розташовані одна під одною. У чому помилка в CSS-коді?

.card {
 width: 300px;
 margin: 15px;
 /* display: ???; */
 vertical-align: top;
}

Розробник застосував display: inline-block; до контейнера, а не до карток всередині нього. Як це вплине на вигляд сторінки?

.gallery-container {
 display: inline-block; /* Помилка тут! */
}
.card {
 width: 300px;
}