My landing page company is chameleon colors (please give feedback)

Hey there,

good work so far!

My ideas:

  • I’m having a really hard time reading the text; I think this is because of the font-family

  • when I increase my screen width, the header isn’t full width anymore, it has a gap to the right

  • you can get a code validation here by pasting your HTML code into the body (without script and link); I think you are able to fix this!

  • after you fixed the errors, you can increase the readability of your code by 1. clicking on the small arrow on the right side of the code box and 2. clicking Format HTML/CSS

Keep us posted and keep up the good work!

Hi @psjain0011!

I loved the colors you used, nice job!

My comments:

  1. I think you should put some opacity on your background color, it would be great in your project! like:
header {
 background: rgba(255,255,255, 0.5); 
}
.nav-link{
  text-shadow: 0px 0px 5px black;
}

Just a opinion :grin:

  1. Try to use some transition in your effects, it would be nice!
    https://www.w3schools.com/cssref/css3_pr_transition.asp

  2. And every thing that you write on codepen is in the body, so the tags: script and link can be in other place:

If you want to learn how codepen works:

  1. And about it:
<ul id="bottom">
     <li>Privacy</li>
     <li>Terms</li>
     <li>Contact</li>
   </ul>

If you want to make them as a link, you should use the a tag

  1. And final tip: :sweat_smile:
    https://www.w3schools.com/cssref/pr_scroll-behavior.asp
    I think this would be nice in your project.
1 Like

Thank you for your feedback