Design comparison
Solution retrospective
If we as a front end developer are not given the design for all screens (as for this case we only have 2 screen which is 375px mobile and 1440px desktop) by the designer, what is the best way to proceed with the website?
Community feedback
- @mcktivityPosted about 4 years ago
Normally, this will depend on the contents. As a frontend developer, you have to identify the components/elements that should/could remain side by side while maintaining the feel or consistency of the design as a whole. Personally, I usually add flex containers and let them wrap then set min/max-widths on the elements i want to position, rearrange divs if necessary, conditional rendering, flex grids or media queries if necessary. Another very good way, in my opinion, is to start with the mobile-first approach and adjust til you get to desktop.
This may not necessarily be the best/correct way to do it but i hope this helps you! Happy coding!
3
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