Four card feature section with tricky grid

👋 Hello Iva, congratulations for your solution!

You can just create a <span> tag on the html of card div and in the css apply the height and color for the label, of course in the span should not have the card border/paddings to be full width.

Or you can also try the way I did in my solution, using the a pseudo-element, in my case the code was like this:

.card-red::before, .card-blue::before, .card-cyan::before, .card-yellow::before { content: " "; width: 100%; height: 0.3125rem; position: absolute; }'

You can check in my solution here: https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK/hub/4-card-feature-section-vanilla-css-custom-design-glassmorphism-35MDUfOBdt

I hope it help you!