Design comparison
Solution retrospective
I think I ve lost myself into grid - i still trying to continue to work in the same way as the two projects I ve done before, mobile first - If you have any advice to improve what I ve done, you're welcome
Community feedback
- @mattstuddertPosted over 4 years ago
Overall you've done a really good job, Gecika! You've just got some refinements to make around font weights, sizes, and some of the spacings. Also, you've got
height: 100vh
set on themain
element which is preventing scroll on mobile and chopping off the bottom of the content. Instead, I'd recommend having it asmin-height: 100vh
as this will allow for scrolling if the content is taller than the viewport height.I hope this helps. Keep at it! The more you practice the easier it will get 🙂
0@GecikaDMPosted over 4 years ago@mattstuddert thanks for your feedback and advices. There is one thing I have some troubles to work with, when I start the project, I start by opening the developper tool on google and set the view on responsive so I can start by coding the mobile view 320px but the thing is that when I go out of the developper tool on bigger size it can be so different, and it making me a bit confusing😵
0@mattstuddertPosted over 4 years ago@GecikaDM you're welcome! Working mobile-first like that will take some getting used to. But it is worth sticking with as it's a great workflow. The mobile design is at
375px
, so I'd recommend using that screen size while building for mobile. You'd obviously then test it at320px
and other sizes to make sure it looks OK.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