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

Fully responsive landing page !!!

Juraj S 310

@Terak-10

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

P
Chamu 12,970

@ChamuMutezva

Posted

Nice work Juraj S. The site is indeed responsive. Here are some points that you can consider:

  • alt values should be descriptive for the benefit of assistive technology users . The alt value should be able to tell the story behind the image, if the image is just for decorative purposes , then use alt="" . Values such as FB, TW, IG does not in anywhere help assistive technology users.
  • You had done well with the headings, but i see in the footer you to go back and use an h1 heading again. For best practices , there should be only one heading element which should be the first heading element in your site. Your headings should also follow a sequential order.
  • the footer-item are not just images , but should have been anchor elements that directs to social handles.

See also the suggestions highlighted in the response.

Happy coding

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