Submitted over 2 years ago

My Four Card Feature Section Solution Using Grid

lndbgaa•270

@lndbgaa

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

Just one question : How can I do the shadow under the cards?

I'm open to any other suggestions to improve my code ! 😃

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

Its Ositaro•60
@itsOSTOVAR
Posted over 2 years ago
I Used This:
```
box-shadow: -5px 0px 10px rgba(128, 128, 128, 0.15), 5px 5px 10px rgba(128, 128, 128, 0.15);
```
Give all of your cards a same class, for example card. Your css code should be like this:
```
.card {
    box-shadow: -5px 0px 10px rgba(128, 128, 128, 0.15), 5px 5px 10px rgba(128, 128, 128, 0.15);
}
```
You can see my solution and If you liked it then, use it.
Marked as helpful
MordenWebDev•500
@MordenWebDev
Posted over 2 years ago
there is a property call box shadow. with that you will be able to bring shadow to your design.
```
yourcard {
  box-shadow: 5px 10px rgba(255,255,255,.1);
}
```
i hope this might helped you
Marked as helpful

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