Как сделать круглые углы у карточки

Для создания круглых углов у карточки используйте CSS-свойство border-radius. Оно позволяет задать радиус скругления углов элемента.

.card {
  border-radius: 10px; /* одинаковое скругление для всех углов */
}

Варианты использования:

• border-radius: 50% - превращает элемент в круг/овал
• Можно задавать разные значения для каждого угла:

.card {
  border-radius: 10px 5px 15px 20px; /* top-left, top-right, bottom-right, bottom-left */
}

Для кроссбраузерной совместимости можно добавить префиксы:

.card {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}