Design comparison
SolutionDesign
Solution retrospective
any feedback or errors or correction or mistakes are please let me know thank you guys
Community feedback
- @M-KgobePosted about 3 years ago
Hi... There are couple of issues with the mobile responsiveness behavior.
- Your contents don't fit the screen, thus the overflow out of the maximum screen width causing users to have to scroll to the right.
setting a
width
to yourbody
will help here and yoursection
'swidth:100%
or any suitable % according to design. - Your
.navbar
items still display in mobile view, without even pressing the hamburger, and also they display even after pressing the hamburger. - The layout of the page does not change correctly, i.e. when you go to mobile view(thus at a certain
max-width
), the layout should change, while the layout is changing the hamburger should also be introduced, I suggest amediaquery
of about700px
- One other thing is to pay attention to fonts,colors,sizes, hover states.
and your code formatting is difficult to read, for this I suggest you get some extension to help you format your code. Try placing your contents in landmark sections first, check out your report for more details.
Marked as helpful0 - Your contents don't fit the screen, thus the overflow out of the maximum screen width causing users to have to scroll to the right.
setting a
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