Skip to content
Submitted almost 3 years ago

Sunnyside Agency responsive landing page HTML/CSS/JS

Eleana Tyradelli•180
@eTyradelli
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Agency landing page
  • HTML
  • CSS
  • JS
2junior

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

  • Michael Godfrey•340
    @michagodfreyPosted almost 3 years ago

    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
    Eleana Tyradelli•180
    @eTyradelliPosted almost 3 years ago

    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
    Michael Godfrey•340
    @michagodfreyPosted almost 3 years ago

    @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

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