Урок 23. Мініпроєкт "Товарна картка"

Яке призначення має атрибут colspan у таблиці?

Яка властивість CSS використовується, щоб прибрати стандартні маркери-крапки у списку <ul>?

Який тег використовується для створення комірки-заголовка у таблиці?

Яка CSS-властивість створює ефект "тіні" навколо картки товару, додаючи їй об'єму?

Як зробити так, щоб зображення товару .product-image автоматично вписалося у ширину картки?

Що потрібно задати батьківській картці .product-card, щоб стікер .badge з position: absolute позиціонувався відносно неї?

Яка CSS-властивість прибирає стандартну системну рамку у кнопки <button>?

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

Які CSS-властивості найчастіше використовують, щоб зробити кнопку "Додати в кошик" привабливою?

Які властивості з блокової моделі є ключовими для створення самої картки .product-card?

Чому текст всередині картки "прилипає" до країв, хоча для самої картки задано margin: 20px;?

Стікер .badge мав бути у верхньому правому куті, але він "випав" зі свого місця. У чому помилка?

.product-card {
 width: 300px;
 /* position: ???; */
}
.badge {
 position: absolute;
 top: 10px;
 right: 10px;
}