Landing page project__

what do you guys think of this landing page project

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

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in the HTML editor. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    Mentioning also because you have elements out of order. Everything the browser renders belongs in the body element. Review this for an understanding of the HTML boilerplate tags.
  • Run your HTML code through the W3C validator.
    • There are HTML syntax/coding errors you should be aware of and address.

As a suggestion, you don’t have to do anything with this if you don’t want to. The navigation on full screen could use a little spacing between the links. When I reduce the screen size a little it looks a lot better but then on small screens it’s a run on. To be clear, I’m not concerned with the test menu overlapping the navbar. Screenshots below…

Screen Shot 2021-11-03 at 12.49.43

Screen Shot 2021-11-03 at 12.50.20

Screen Shot 2021-11-03 at 12.50.54

1 Like

@Roma Thank you for your priceless feedback. The layout refused to work as I expected. Seems I have not wrapped my hands around CSS thoroughly… Any advice to hone it will be much appreciated

You can open up dev tools and use that to help you position.
For instance;
what if you made the width a little larger?
what if you used max-width instead of width?
without doing either of the above, what if the value was space-between instead

There are a lot of variations and you want this to be yours so if you want, dive a little deeper. With practice you will get better.
Like I said, it’s a suggestion.

1 Like