Design comparison
Solution retrospective
-Don't have a lot of experience creating responsive pages, so made mistake of creating desktop site first. Recreated from scratch with mobile design first to get the practice. -Still need more practice with flexboxes, as I notice right now it's still mostly trial and error until I get the results I want.
Community feedback
- @Pandacea12Posted over 1 year ago
Desktop actually isn't that bad of a starting point when trying to make a responsive website as long as you keep your Html clean and modular.
I personally prefer going that way because desktop elements are generally more complicated than web ones, so there's less work to do when the time for mobile comes.
In this case, the biggest changes were to change the flex-direction for the 2 main parts (Results and Summary) from 'row' to 'column', shift around the border-radius and change text size, which could go either way, really.
Marked as helpful0@ichimon-nashiPosted over 1 year ago@Pandacea12 Thanks for the reply! I actually prefer designing desktop sites over mobile ones, but for me it's actually easier to go small to large as compared to the other way around. Cheers! :)
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