Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

clipboard-landing-page-master

@19akasht

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please help me if there is any problem with my code. Thank you

Community feedback

User9511 370

@User9511

Posted

Hey Akash Nagindar Tayde,

You are missing the active hover states on your buttons.

This is how I would solve that issue by creating a new variable in the :root:

:root {
      --Lighter-Blue: hsl(233, 100%, 78%);
}
btn btn-blue:hover {
      background-color: var(--Lighter-Blue);
}

You should also add a hover state for the links in the footer:

footer p:hover {
     color: var(--Strong-Cyan);
}

Also, the footer links should be in an unordered list using this syntax:

<footer>
     <ul>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
     </ul>
</footer>

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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