Skip to content
Submitted about 3 years ago

Huddle Landing Page - HTML, CSS, Google Fonts, FontAwesome, Flexbox

Heather Smith•220
@sorengrey
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

This was one of those challenges where if I fixed something on desktop, it broke something on mobile, but if I fixed something on mobile, it broke something on desktop. But I think I got it straightened out in the end!

Loved the color scheme on this one. If you can see any ways to improve this, please let me know. Thanks!

Also, did anyone else have trouble with Chrome Devtools during this challenge? I could not get the zoom to cooperate. It would cut parts of the page off, and would only show cropped versions of the site. I ended up using What Is My Screen Resolution to get a better look at my whole page layout.

Community feedback

  • Account deleted

    It looks pretty good but doesn't seem to be responsive.

    It only works on desktop, on screen widths below that it doesn't fit until it reaches the mobile view breakpoint then it becomes ok again.

    Marked as helpful
    0
  • SHAHAB MALIK•345
    @Shahab-MalikkPosted about 3 years ago

    Hi your webpage is not responsive it is just responsive for mobile screens Also

    1. use cursor:pointer property for button
    2. use anchor tag for social links
    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