Я пытаюсь создать адаптивный веб-интерфейс для макета «приложения с рецептами». В настоящее время я использую начальную версию 4, и у меня возникли проблемы с настройкой элемента карты в соответствии с моим каркасом.
Карточка каркаса:

Текущая карта в браузере:

Мне удалось «исправить» радиус границы изображения моей карты с помощью специального CSS
.img-rounded{ радиус границы: 20%; } Однако мне все равно нужно сделать элемент карточки закругленным (как на каркасном изображении). Как лучше всего это сделать?
HTML карты:

Название рецепта Небольшой пример текста, который будет основываться на названии рецепта и составлять основную часть содержимого карточки.
Открыть Изменить Удалить
Мобильная версия