Skip to content
Submitted about 2 years ago

Responsive Landing Page Using FlexBox and CSS Grid

Daniel•80
@duokobia
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

It took me longer than expected to get the background and svg images params right.

I appreciate comments on better ways to code this task as my lines of code are many.

With thanks.

Community feedback

  • Macaulay Omoikhoje De-great•550
    @MacChristoPosted about 2 years ago

    You sure have a lot of css and media queries there. But try to make all the content of your site show at different screen sizes. I still have quite a problem making mine show though, but what i do is give a lot of padding-bottom in vh to the last div or container on the site. By that at least, all my content shows. Your desktop button should have {border: none}

    Marked as helpful
    0
    Daniel•80
    @duokobiaPosted about 2 years ago

    @MacChristo Thanks Mac. Well noted.

    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