I couldn't figure out how to make the accent border not warp with the border-radius. Any ideas?
@dev-gabs
Posted
What I did to solve this "issue" with the border radius was using a div inside the card section with width = 100% and .4rem height with overflow hidden on the card properties. Feel free to check my solution, buddy! https://github.com/dev-gabs/four-cards-hub-challenge
Hope this helps!
Marked as helpful
@yonathan-palma
Posted
What I can think of is that you control which corners of the border-radius so you can leave the top without rounding example border-radius: 0 0 0.5rem 0.5rem, I hope it helps you.
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
