Skip to content
Submitted about 3 years ago

Responsive Land Page Intro Section Using Flexbox and Grid

GabrielBasco•250
@Gabrielbe17
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

I was wondering how can I improve the responsivness of the svg logo, as you can see, on mobile devices it looks so much bigger. All kind of feedback it's helpful, thanks!

Community feedback

  • Dušan Lukić•1,660
    @dusanlukic404Posted about 3 years ago

    Hi Gabriel, congratulations for completing this challenge! I have a few suggestions for your solution:

    • Your header element have too much padding
    • In my opinion you should make logo smaller
    • Make social icons bigger and also make bigger heading
    • Give button some white space

    On mobile screen make heading smaller and reduce line-height. Also, get some margin for social icons because they are stuck to the bottom

    PS. Check your HTML issues. They are pretty important :)

    Marked as helpful
    0
    GabrielBasco•250
    @Gabrielbe17Posted about 3 years ago

    @dusanlukic404 Thanks for your feedback !!

    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