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

Sunnyside Agency responsive landing page HTML/CSS/JS

#bem

@eTyradelli

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


Hello everyone! This is my first project on Frontend Mentor. My aim was to hone my HTML and CSS skills while learning a bit of JavaScript on the way.

Id love some thoughts and comments on possible accessibility issues, as I just started learning accessibility and I'm still not sure what's important and what's not. I'll update my solution with relevant fixes when I have a better grasp of what's needed.

Also, any thoughts on my JS or other files would be great.

Thanks!

Community feedback

@michagodfrey

Posted

Hi Eleana,

On desktop view your page looks great and basically identical to the design. Great work! But when I shrink the screen to mobile size sometimes the content doesn't shrink with it, but when I refresh, it looks fine.

As for the accessibility issues, I don't think they are a deal breaker but just point out best practices. The links in the report explain them.

Marked as helpful

0

@eTyradelli

Posted

Hi @michagodfrey, thanks for the feedback!

Looking at it again, I think some elements need a bit of work on tablet screen-sizes. I'll look into it.

I'm currently learning more about accessibility, so I'll go over this project as well as soon as I have a better grasp of what is needed. Thanks again!

0

@michagodfrey

Posted

@eTyradelli No worries! When someone opens the page it looks fine so that's the main thing. It's only when I adjust the screen size and normal users wouldn't be doing that a lot.

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