Skip to content
Submitted almost 4 years ago

huddle-landing

Cristian•100
@CrisCaGoVe
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

hey everyone, i kind of struggled with this one because of the position of the background, it seemed good on the responsive but once it went back to the whole screen was always different, any suggestions for this kin of projects or things i can keep on improving on?

thanks!

Community feedback

  • Dave•5,295
    @dwhensonPosted almost 4 years ago

    Hi @CrisCaGoVe nice work on this one. I have also found positioning background images really tricky - and still do.

    I'd suggest that you have a look at the background-size: cover property (or contain). I found this combined with a background-postion: center to be really useful. I think it might help you out here.

    This is a good video on background images that might also help and explains things better: https://www.youtube.com/watch?v=3T_Jy1CqH9k and of course MDN docs have some good info there too. Keep up the good work!!

    You might want to also consider adding some :hover styling to the button? Some box-shadow or something to help users see its interactive? Great work though and the page looks great!

    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