Skip to content
Submitted over 1 year ago

Result Summary using CSS grid Mobile-First approach

SinBin10•20
@SinBin10
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello, I am Binay, thank you so much for putting this project out it was really fun to build.

I have a doubt regarding the project, How do I add the shadow which is shown in the desktop version?

Hoping for a reply, Thank you again.

Community feedback

  • Jordan Herrera Vera•490
    @jordanhevePosted over 1 year ago

    Hi great job completing this challenge, to add shadows in CSS, you can use the box-shadow property. The box-shadow property allows you to create shadows around an element. box-shadow: horizontal-offset vertical-offset blur-radius spread-radius color;

    Here's an example:

    .main-element {
box-shadow: 5px 5px 10px #888888;
}
    1
    SinBin10•20
    @SinBin10Posted over 1 year ago

    @jordanheve Thankyou for your help

    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