Skip to content
Submitted 5 months ago

Sunnyside Agency Landing Page Using CSSGrid and Flexbox

mrcordova•1,360
@mrcordova
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

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

  • Shoaib Shuja•560
    @ShoaibShujaPosted 5 months ago

    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
    mrcordova•1,360
    @mrcordovaPosted 5 months ago

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

    1
    Shoaib Shuja•560
    @ShoaibShujaPosted 5 months ago

    Thanks 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