Skip to content
Submitted over 2 years ago

Huddle-Landing-Page || Build with Flexbox & Css Grid

Ernest Push Gbaboh•460
@gbabohernest
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

Hello there 👋👋 While building, I couldn't figure out the exact bg-color for the body and also the cards, and for that reason, the border-radius and box-shadow properties are not visible on my solution.

Any feedback on how to improve this solution will be helpful. Thanks. 👍👍.

Community feedback

  • IRVINE MESA•1,855
    @DrMESAZIMPosted over 2 years ago

    hi
    Ernest

    In response to your request . I did some work please consider adding this CSS style in your style.css file

    1. Firstly I must say the content was difficult to read with my eyes so I added on line 25

      body{font-weight: 800;}

    2. secondly to make my box shadow visible I added line 239

    .card{ box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }

    line 240

    .footer-card-body { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

    Marked as helpful
    0
    Ernest Push Gbaboh•460
    @gbabohernestPosted over 2 years ago

    @DrMESAZIM
    thank you for the tip. It did work. 👍👍

    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