Переполнение контента и прокрутка создают проблему с закругленными углами.CSS

Разбираемся в CSS
Ответить
Anonymous
 Переполнение контента и прокрутка создают проблему с закругленными углами.

Сообщение Anonymous »

Я пытаюсь создать макет карточек. Вот мой макет.

Код: Выделить всё



 { /* Phosphor Icons */}

Technologies and Mastery


Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello


Используя эти стили,

Код: Выделить всё

.card-container-grid-2 {
padding: 1rem;
gap: 1rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3), 1fr));
grid-auto-rows: 12rem;
width: 100%;
height: 100%;
}

.card {
display: flex;
flex-direction: column;
background: #f2f2f2;
border-radius: 0.5rem;
}
Карточки отображаются хорошо. Но у контейнера есть переполнение по оси Y, и он ломает закругленные углы внизу слева и внизу справа. Пытался контролировать переполнение прокрутки, но полоса прокрутки не прокручивается, а закругленный угол все еще острый. Как я могу это исправить? Есть предложения?

Подробнее здесь: https://stackoverflow.com/questions/784 ... rner-issue
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»