Skip to content
Submitted about 2 years ago

Huddle landing page with alternating blocks (with minor designs)

Amos•470
@fistty
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with alternating feature blocks
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

📌 Navigation button-like design and animation 📌 Button active states 📌 Footer icons hover 📌 Footer links hover

Community feedback

  • Hyron•5,870
    @hyrongennikePosted about 2 years ago

    Hi @fistty,

    Looks good congrats on finishing another challenge. Just a small suggestion instead of the margin-top: 334px on the footer you can remove it and remove the position: absolute; bottom: 0%; and just set the transform to transform: translateY(6.5rem) then you won't have to that extra white space from the margin-top on mobile and would require minimum adjustment on the cta for mobile.

    Marked as helpful
    1

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