Cats Cafe Landing Page

https://codepen.io/lucydeetz/full/LYxbwpa

Tricky challenge I had to face along the way:

  • offsetting all the anchor tags references across the page so that when clicking on one of the menu links the top part of the selected area wouldn’t be hidden behind the fixed header (after much pain and searching, I stumbled upon the scroll-margin-top property and I think it did the job)

Any feedback is greatly appreciated!

Hi @LucyDeetz! :wave: Your page look nice but few things to revisit:

  1. Analyze your HTML and CSS, like this:
    posting

  2. Run your HTML code through the W3C validator . There are HTML coding errors you should be aware .Since copy/paste from codepen you can ignore the first warning and first two errors.

  3. Codepen expects the code you had put within the body element in HTML you don’t need to include the body tags. If anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for ’ box.The link to your font would go in the box labeled ‘Stuff for <head>

Happy Coding! :+1:

1 Like

Thank you, all the issues should be fixed now!

1 Like

Hey there @LucyDeetz !

Exellent job on the landing page! All tests passing!

Some issues are

  1. There are some html errors, run it through the W3 code checker as mentioned by @emanzulfiqar .

https://validator.w3.org/#validate_by_input

CSS validator:

http://jigsaw.w3.org/css-validator/

Other than that, your code is excellent and responsive, I look forward to your next project!

Best,
Cy499_Studios

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.