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 page using HTML, SASS and JS ES6 [Vite]

#sass/scss#vanilla-extract#vite
Gustavo 260

@guss-renteria

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


Feedback welcome :D

Community feedback

@tesla-ambassador

Posted

Hey Gustavo! Wow! This is really outstanding (still can't get over your mobile menu) I like how creative you were with it (the chat bubble shape). It's really awesome and the website is really responsive! Here's a few things to note:

  • Links should have a name to ease accessibility even if the link it's self is not a text therefore you might want to to add the property aria-label="" to tell the browser what the link is all about. This should fix your accessibility issues.
  • For your HTML validation issue, you might want to add an <h2> tag to your <section> tags it doesn't have to be <h2> but anywhere between <h2>-<h3> Happy Coding!

Marked as helpful

1

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