Design comparison
SolutionDesign
Solution retrospective
I still have a lot of problems like the button not align. But i want to know how to manage the broder radius in the mobile view
Community feedback
- @MarkoNikolajevicPosted over 3 years ago
Hi groudse
To manage the border radius on mobile you can add this code inside you
@media
part.first { border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 0; } .third { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border-top-right-radius: 0; }
You could use a shorthand property for the border radius
border-radius: top-left-value top-right-value bottom-right-value bottom-left-value
As you said you still have to finish the mobile version of the challenge
Keep on coding and have fun! :)
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
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