Design comparison
Solution retrospective
Hello.
So I tried the Mobile-first approach for this challenge and I found it slightly difficult, particularly with the transition from mobile to desktop. I have heard it is the best approach to begin a project with. Is it best practice to use the mobile-first approach or is it based on personal preference?
Your response and a constructive criticism of my code will be highly appreciated. Thank you.
Community feedback
- @beowulf1958Posted about 1 year ago
Great job! Your code is super clean, and the CSS is easy to read. I have been researching the solutions to this challenge here at Frontend Mentor and yours is one of the best.
As to the mobile first approach: it is a real pain. The cramped space limits ones creativity. That said, whether or not it is the "best" approach depends on your situation: are you in a team/company that requires it? Is it important to your clients? Evidence shows that most web content these days is consumed on mobile devices. So, coding mobile first is a way to ensure the best user experience for these individuals. On the other hand, if you are not looking to get hired as a frontend developer, then mobile first/ desktop first becomes a preference.
Marked as helpful0@TonyAppiahPosted about 1 year ago@beowulf1958
Thank you very much for your feedback. I truly appreciate it. No skill comes easy, so more practice for me then.
0 - @kxnzxPosted about 1 year ago
Hi TonyAppiah,
It makes much more sense to start with Mobile First. It will make working on your projects like these much more easy! When you look at the design of the Mobile First version you can see that the elements are in order from top to bottom. This is in the exact order you would write the html. You then only have to add the css styling in the same order as if you're building blocks from top to bottom. When that's done you can start with the Desktop version with media queries. It makes the working process much more smooth & easy (in my opinion).
Hope this helps.
Marked as helpful0@TonyAppiahPosted about 1 year ago@kxnzx
It makes more sense you explained that way. Is it a must though or just personal preference?
0@kxnzxPosted about 1 year ago@TonyAppiah
It is not a must but a personal preference, because it makes sense / is easier. Another reason to start with Mobile First is that most users are using a mobile phone. For that reason it has a higher priority to use Mobile First. You also need to keep in mind that with certain designs it's better to start with Desktop First. With most designs however it's better to stick with Mobile First.
0
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