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 landing page using css and flexbox

Angelika Jaroszโ€ข 60

@Guin-

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


I still have some refactoring to do and fixes on the mobile menu, but any feedback appreciated

Community feedback

Yashasvi Singhโ€ข 890

@aUnicornDev

Posted

Hey,

The site perfectly matches on 1440px so kudos on that.

But if we move to a larger screens or smaller screens, the site isn't fully responsive because you have a breakpoint on 1024px and a min-width:1440px

On mobile view, use background-position:center with background-image:url(...) because the images(hero, transform etc.) are pushed down

1

Angelika Jaroszโ€ข 60

@Guin-

Posted

@aUnicornDev thanks for the feedback! I might go back and try to make it more responsive across all sizes (there was no tablet design given for this one), but i was mostly focused on getting the code for desktop and mobile as close to thedesign as possible!

1
Yashasvi Singhโ€ข 890

@aUnicornDev

Posted

@Guin- If that is the case, then WOHOOO!! You did great.๐Ÿ™Œ

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