My third project landing page

I just finished my third project “landing page” and I’m proud of it.
it took me five days of procrastinating while watching videos and tutorials , and three days of hard work even though I’m not satisfied with the result ,
in the first I had a great idea in my head but execution is something else;
as time goes my energy drained and I just accepted mediocrity and I wanted just to pass the test ,
so here is my project ( https://codepen.io/Reda-Taousse/pen/zYKzzVP?editors=1100 )
first i had an idea of putting the nav-bar under the main background image and make it stick on the top when scrolling .

Hey! I visited your page and I think it really is something to be proud of.

1 Like

thank you for the constructive feedback.

Your page looks good @redataousse. Some things to revisit;

  • Codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it and address the issue(s).
      • you have some typo’s that will affect how your page displays
  • Did you notice that the links in your navbar don’t take the user to the specified section when clicked? That’s a bad UX.
    • It’s because the link name needs to be nested in the anchor element. Fix that and your links will work as expected.
  • Make your page responsive. Remember, the R in RWD stands for Responsive
    • There’s a horizontal scrollbar on smaller screens
1 Like

I fixed the problems you addressed sir here is my final product:
( https://codepen.io/Reda-Taousse/pen/zYKzzVP?editors=1100 )