Наш дизайнер нарисовал стильную карточку с котиком, но шрифты, отступы и цвета оказались не теми, что в гайде. Нужно исправить это, чтобы всё соответствовало фирменному стилю. Также нужно подправить размер изображения кота, чтобы он не выглядел слишком большим или маленьким.

Чтобы решить задачу, нужно подобрать для существующих CSS-правил свойства и значения из списка ниже. Новые CSS-правила добавлять не нужно.

В одном CSS-правиле может быть несколько свойств. Некоторые значения из списка скорее всего неправильные.

// Список свойств:
width, padding, text-align, font-size, background-color, border-radius

// Список значений:
400px, 360px, 240px, 200px, 32px, 24px, 16px, 18px, 8px, 6px
left, right, center
#7b00ff, #007bff, #ff007b

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

.card {
  width: 360px;
  padding: 16px;
  text-align: center;
}

.card img {
  width: 240px;
  border-radius: 8px;
}

.card h2 {
  font-size: 32px;
}

.btn {
  background-color: #007bff;
}