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

Responsive landing page using React and Tailwind CSS

#react#tailwind-css

@VictorDuranEM

Desktop design screenshot for the Equalizer landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@tarasis

Posted

Hey congrats on completing the challenge. Looks great, and nicely responds to screen being shrunk. (Can't comment on the code as I don't know tailwind)

Couple of little things:

  1. The social links at the bottom of the page should be a tags, which are selectable via the keyboard. Not li tags.
  2. The buttons and the social links should support :focus as well as :hover
  3. don't use div for everything. Try and use the approriate semantic tags where you can. For instance the bottom section should be 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