Skip to content
Submitted over 4 years ago

Huddle single introductory section Solution | Pure HTML CSS

Connor Z•5,115
@zuolizhu
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

Feedbacks are welcome!

I don't think I did the spacing in a right way.

I used a lot of margins to manage the spacing between header main and footer.

It looks great with certain size(I’m trying to approach the “pixel perfect”). While if the screen size is smaller or larger, the spacing of those pieces are not good.

Any suggestion of managing spacing are appreciate!

Thanks!

Community feedback

  • Mike Hayden•1,005
    @mickygingerPosted over 4 years ago

    Hey Conner, this looks great!

    I've taken a look at the code and I don't think you've overused the margin property here. It's a great effort. You could play around with it to get it closer to pixel perfect, and that would be good practice, but remember to have fun with these challenges as well. You can always come back to this further down the line.

    1
    Connor Z•5,115
    @zuolizhuPosted over 4 years ago

    @mickyginger Thank you so much! I do enjoy these challenges :D

    0
  • Kevin Anderson•150
    @kevincandersonPosted over 4 years ago

    Looks good. Some spacing towards top missing compared to design, minor fix; but overall very nice work

    0
    Connor Z•5,115
    @zuolizhuPosted over 4 years ago

    @LemonStain Thanks for your feedback! :D

    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