Design comparison
Solution retrospective
I had somewhat of a tuff time with this one because I haven't built a mobile and desktop view with a different layout. I made use of media quarries which I don't have much knowledge about but I got it to do the job, I probably could have done it a better and less tedious way but I am yet to know how. Please I know this code is very messy I'd do better next time but if anyone has an opinion of a better way to have tackled this please do feel free to comment.
Community feedback
- @mokneyPosted over 2 years ago
Start from mobile first as you can expand upon the CSS you wrote later on, and is then translated to larger viewports. Also, the layout for the bottom cards on medium screens is overflowing - a quick fix for this is to let the elements grow and keep it in a container, that way it would continue growing without overflowing.
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