hi there!
you can have mixed border-radius
on your elements, this property accepts up to 4 values. When giving it four it starts from the top left corner going clockwise. so your property should look something like this: border-radius: 10px 0 0 10px;
also you can center your content with Flexbox if you apply these to the body
tag:
body {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
note that if you wanna do the same for bigger projects that has more elements you should also apply flex-direction: column;
to the same tag
Hope this was helpful 🙏
Good luck and happy coding! 🙌
Marked as helpful