Clipboard landing page using basic CSS and HTML with some Flexbox
Design comparison
Solution retrospective
Any feedback is much appreciated. Looking forward to your comments and future challenges.
Community feedback
- @mattstuddertPosted about 5 years ago
Great work on this challenge Kevin! It's great to see you complete two challenges in such a short space of time. My main piece of feedback would be related to responsiveness.
At the moment, you're using
max-width
media queries. I'd recommend having a go at usingmin-width
instead and trying out a mobile-first workflow. Many developers prefer it and find it to be a nicer process, but it also means mobile users load in fewer styles, which is a performance win for them.Also, your media query is currently
(max-width: 420px)
, which means that the site doesn't display the content well from421px
up to larger tablet size. So having one more round of refining breakpoints and making it fully responsive would be a great exercise!Hope this helps. Keep it up! 👍
0@kevincandersonPosted about 4 years ago@mattstuddert Thank you for your comment. I will take a look at that, and yes, I have been moving towards the mobile first approach.
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