Skip to content
Submitted over 2 years ago

Sunnyside Agency Landing Page

Isaura•120
@isauraisabel5
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

Overall pretty proud of how it turned out.

The only thing is that I'm not super happy about the responsiveness of the page, but that's something that I'm still trying to learn. Next time will be better :).

Community feedback

  • jimmy•200
    @jimmyhachemPosted over 2 years ago

    try putting the photos below the orange one , in a single div then put 'display: flex' 'flex-wrap: wrap' on that div with a width of 50% for each one of them . Then change it to flex-direction: column and width 100% in a media query of 800px or 900px. If you don't know how to do it, check my code. It's in the hero section with class='hero' and each image has a class='box' Hope this will help you!

    Marked as helpful
    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