Huddle Landing Page With Single Introductory Section using Flexbox
Design comparison
Solution retrospective
Hello everyone ! This is my third completed challenge. I had a little difficulty in positioning the image using flexbox. I accept positive and negative code feedbacks.
Thanks !
Community feedback
- @pikapikamartPosted over 3 years ago
Hey, upon loading. I get the mobile state or some sort. Are you working on a large screen?
But still, zooming out the layout in desktop is good and it resizes well when going in mobile state.
But I think, your media
min-width: 1440px
is too early, since you are doing mobile first I supposed. Currently at that 1440px, that is still desktop view. Are you using a large screen as well? A lot of users, including me, have 1366x768 aspect ratio and that breakpoint is not for us. It will be awesome if you lower it down so that we are able to see the desktop view without having to zoom out.A couple of other suggestion/s
-
Background fixed. I think it will be really great if you don't make the
body
tag's backgroundbackground-attachment: fixed
. Whenever I see that on other sites as well, when I scroll, the scroll is somewhat jagged or not smooth, creating a lag of some sort. Removing that will be really great in terms of performance. -
Links. Your social media links is links of course, so nesting them in their respective
a
tags will be really great so that in terms of markup, it will be semantic.
Overall, you did a good job^^
0@rodrigorvixPosted over 3 years ago@pikamart Hello.
Thank you for yours tips and feedbacks. I use a large screen (1920x1080), so I didn't realize it.Thanks to your tips I will observe these details in the next projects. I added new breakpoints for your screen size and i will be very grateful if I can test again.
Thank you very much !
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