Design comparison
SolutionDesign
Solution retrospective
How to resize flexbox items
Community feedback
- @darryncodesPosted about 3 years ago
Hi Arbaaz,
Good effort on this one, you got pretty much most of the design completed.
I'm not 100% sure what you're asking but you might find this guide really helpful.
Some feedback from me:
- if you add
border-radius: 10px;overflow: hidden;to your.containeryou'll closer match the design with nice rounded edges - you should remove this from your
<body>margin: 120px 250px 100px 250px;and as you've got FlexBox on the<body>just usemin-height: 100vh;to centre everything nicely - i think you should bring your media query in sooner, when the design gets squished, the break point in the design guide is just a guide
All the best!
0 - if you add
Please log in to post a comment
Log in with GitHub
Join 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