Skip to content
Submitted over 4 years ago

Huddle landing page using SASS and css grid

Brittney Galloway•95
@brittgalloway
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

I was having a hard time with the mobile view specifically and also with the bottom card that over laps the footer.

If anyone looks at the code could you suggest cleaner methods?

Community feedback

  • Diarrah•3,418
    @DiarrahPosted over 4 years ago

    This is a nice start! Just a few pointers:

    1. With the floating card all you have to do is transform:translateY() to move it up + down.

    2. I would but padding within the actual cards (grow together, flowing conversations, etc.) so you can get that uniform padding on each card.

    3. Fix the pretty simple HTML validation problems.

    4. You should put a cursor:pointer onto your buttons so that the call to action for the user is more apparent.

    Hope that was helpful, reach out anytime for help!

    0
    Brittney Galloway•95
    @brittgallowayPosted over 4 years ago

    @Diarrah thank you! I forgot all about transform! (And the cursor haha) thanks!

    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