Design comparison
SolutionDesign
Solution retrospective
The only difficulty I had during this challenge, was the fact that in the mobile version the border didn't work like it did in the desktop version. I would love tips on how to fix the border, so that it looks correct in the mobile version.
Community feedback
- @MaximilianoDanielGarciaPosted about 1 year ago
Hi, @Mjornog, good job!
Your code is very clear, congrats.
The problem with
border-radius
is that you aren't defining it for mobile resolution, you just set borders for desktop.Another thing, consider add this for a better design of your component:
.main_container { display: grid; grid-template-columns: 50% 50%; width: 600px; /*remove height prop */ }
I hope these are helpful to you.
Marked as helpful0
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