Чтобы спрятать какой-то блок, не нужно задавать overflow родителю.
Достаточно просто спрятать блок...
Подумайте об этом.
И с высотой всё встанет на свои места.
Влад, во-первых, не понятно зачем использовать % в гридах, если специально для этого есть единицы fr.
Во-вторых, ничего не понятно что вы делаете и какого результата пытаетесь добиться.
Андрей Годунко, было бы хорошо, если бы вы говорили чей паддинг, кого вы пытаетесь центрировать и т.д. Вы-то это знаете, а я могу только догадываться.
Потому что все паддинги, которые у вас указаны в коде - работают.
Рекомендация в любом случае: обводите блоки рамочками, так будет понятно что работает, а что нет.
Если вам нужен отступ между секциями, то:
- Это может быть margin. Предварительно нужно прочитать про "схлопывание и выпадение вертикальных margin"
- А может быть и padding, если фон цветной.
Сейчас вполне разумно поступить, например так:
Карточек в макете у вас несколько, а сколько будет на реальном сайте вообще не известно.
Имеет смысл обернуть их в секцию (тег <section>)
И уже её задать верхний паддинг.
aisbdisd,
1. Если svg:
Нужно взять ромбик и задать ему background-repeat, background-size. Чтобы был по низу блока и размножался.
+ добавить на оставшуюся часть блока фон градиентом из белого в прозрачный.
2. Если без SVG, а просто градиентами.
То их нужно 3 штуки.
На верхнюю часть блока как в п.1.
На нижнюю два градиента вот по такому принципу. На каждый квадратик по два треугольника.
На скрине они полупрозрачные, чтобы было понятно.
Но при адаптации ценники выходят за грани потому, что flex: 0 0 50%;
Это какая-то лажа, извините.
Во-первых, не ясно зачем svg абсолютом.
Во-вторых, не ясно почему не дать родителю relative и спокойно позиционировать и SVG и цену.
Ну кроме того, что для SVG не нужен абсолют.
aisbdisd, Сейчас ваш вопрос похож на задание. С заданиями ходят на фриланс. Попробуйте почитать правила сервиса и сделайте так, чтобы это всё таки был вопрос, а не требование готового кода.
Для этого сделайте какие-то попытки решить задачу самостоятельно и покажите в песочнице что именно у вас не получилось.
Какая-то часть тренажеров бесплатна у HTML Academy.