Design comparison
Community feedback
- @Extendo99Posted 25 days ago
Hey, great job.
Below I'm posting the mistakes I've noticed and the things you can fix:
- Unfortunately, the page only looks good on the computer. It is not adapted to tablet and mobile resolutions because elements can run away from the page on lower resolutions, e.g. 768px.
I recommend the mobile first approach, i.e. first write the code for the phone and then use media queries to expand and adapt the elements for higher resolutions. Here is a link explaining this approach: https://www.interaction-design.org/literature/topics/mobile-first
-
In my opinion, in this project, you do not need to use flex for every element. You can simply position block objects using paddings and margins.
-
Footer on desktop is not 100% wide.
-
Text has too wide containers. It looks different in the design.
-
Slight differences in margins.
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