A deliberate style choice, not something to fix.
⚡ Quick Fix (TL;DR)
The Culprit: N/A – this is a deliberate style choice, not something to fix.
The Fix: Round just the top two corners, leaving the bottom edge square. The four values go top-left, top-right, bottom-right, bottom-left, in that order.
.my-element {
border-radius: 16px 16px 0 0;
}
Rather not untangle this yourself? Our Done-For-You team handles exactly this kind of thing, start to finish.
See DFY options →
Was this helpful?
Thanks for the feedback!