• Теория
  • Теория

Карточка товара

Теперь займёмся карточками товаров. На этапе создания сетки мы задали им ширину 308px и внешний отступ справа.

Теперь нужно добиться полного соответствия карточек макету, а на макете у них есть рамка и внутренние отступы.

Популярные товары

Если просто добавить карточкам рамки и внутренние отступы, то их общий размер увеличится и сетка сломается. Поэтому карточкам нужно уменьшить ширину или задать box-sizing: border-box;. Мы выберем первый вариант.

308px - 1px - 1px - 22px - 22px = 262px

Давайте пропишем для .catalog-item нужные параметры.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Кексби. Полуфинал» тренажёра «Великий Кексби, этап 2» можно после регистрации и оформления подписки.