Submitted over 2 years ago

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

Ernest Push Gbaboh• 460

@gbabohernest

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Huddle landing page with alternating feature blocks

HTML
CSS

2junior

View challenge

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

@DrMESAZIM

Posted 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

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

body{font-weight: 800;}
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

Ernest Push Gbaboh• 460

@gbabohernest

Posted over 2 years ago

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

Please log in to post a comment

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