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 Landing Page Using CSSGrid and Flexbox

P
mrcordova 1,120

@mrcordova

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I was able to put the image over the nav bar and the hero section and limit the size of the nav bar as not to get in the way of the rest of the grid.

What challenges did you encounter, and how did you overcome them?

How to add an arrow to popover and I ended up making the arrow positioned relative to the hamburger menu.

What specific areas of your project would you like help with?

Any general feedback is welcomed .

Community feedback

@ShoaibShuja

Posted

How were you able to design so perfectly? I really need some tips especially on how to match the design according to the given design images.

0

P
mrcordova 1,120

@mrcordova

Posted

I use a browser extension called PixelParallel. It allows you to overlay the given images over a browser window @ShoaibShuja

1

@ShoaibShuja

Posted

Thanks 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