Responsive landing page using scss and abit of Javascript (Sticky Nav)
Design comparison
Solution retrospective
Hey guys, this is my fourth project, built with Html, scss and Javascript for sticky navigation, I have been struggling with z-index, it was not working, I tried alot still it won't work, that's why I didn't put the cta on top of the footer, what are your suggestions on how to implement z-index with out troubles?
Community feedback
- @RealMohamedAymanPosted about 3 years ago
-
The section before footer (Ready to build section) that u call it's class cta , Should have half it's size in the footer , u can use negative margin-bottom or position or whatever u like to use
-
Huddle logo in the footer should be white , try using filter: brightness(0) invert(1);
-
Titles at sections should be bold , use font-weight to fix
-
I think under 800px width U should use flex-direction: column in the footer so the links be ordered instead of having one at top right and the other at bottom left
-
at the footer on mobile screens there is space between the two lists of links , U can remove it using negative margin-top\margin-bottom
-
The last thing depends on u , but I see that you should use smaller font for header and add more padding or space-around if you are using flex
Marked as helpful0@DiuGachPosted about 3 years ago@RealMohamedAyman Thanks for your feedback, the "ready to build section" is not half of its size in the footer because when I do that and apply z-index, it won't work I have tried alot but it won't work, so that is the reason I gave it a space from the footer, for the rest I will do my best to fix, thanks so much.
0@RealMohamedAymanPosted about 3 years ago@DiuGach Check my solution for it , that would help
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