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

HTML, CSS, JS

Thiruisa 50

@Thiruisa

Desktop design screenshot for the Sunnyside agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback and suggestions on how I can improve are very welcome!

Community feedback

P
Chamu 12,970

@ChamuMutezva

Posted

  • provide alt values that can assist people who rely on assistive technology. Values like logo are not that helpful.
  • the menu list items - use an unordered list , that does help to make the nav accessible
  • the hamburger is a custom button, its current state is not accessible as it is a div , assistive technology users might not be able to follow along. Check on wai-aria on suitable attributes to add on
  • at around 375px , the contents of testimonial are cut off with the image
  • the images for mobile are not being utilised, when i use dev tools only the desktop images are being loaded on small devices

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