Why in my border of my button it's dividen in twice, white and gray. I wanted to make all my border white
@MelvinAguilar
Posted
Hello there 👋. Good job on completing the challenge !
The border in your button appears divided into white and gray because you have specified the border-color property but not the border-style property.
To make the entire border white, you should explicitly set the border-style to "solid".
For example: border: 2px solid #ffffff;
Happy coding!
@Himanshu-196018
Posted
Hello, @kevoEC as of you are giving your element border radius with border-top-left etc. and not using border-radius shorthand property, that's why the element gets default style for the property you didnt't define explicitly.
To correct your border of the button try applying border: 1px solid #ffffff. It will correct the border styling of your button element.
Instead of giving style to each side of border separately try using shorthand properties. For example, instead of using border-top-left-radius, border-top-right-radius, border-bottom-right-radius, and border-bottom-left-radius use border-radius: [top-left] [top-right] [bottom-right] [bottom-left]. You can check mdn docs for more shorthand property.
I hope this will solve your current problems and in future too.
Happy coding.
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
