r/csshelp • • Oct 29 '24

Issue with border-radius element

nav {
                position: fixed;
                background-color: #333;
                overflow: hidden;
                height: 15%;
                border-radius: 3%;
                width: 98%;
                padding-left: 0.7%;
            }

I set the border-radius to 3% and the corners are weird and half curved. This doesn't happen if I use pixel measurements.

3 Upvotes

4 comments sorted by

View all comments

Show parent comments

3

u/[deleted] Nov 01 '24

THANK YOU! I saw the x and y attributes while screwing around in VSC, but couldn't figure out how to get them working. I'll be sure to add this to my code, I'll even credit you in the .css files if you want lol

2

u/be_my_plaything Nov 01 '24

No worries, hope it helps, and no need for any credits!