Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog preview card

@MunibAhmad-dev

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What specific areas of your project would you like help with?

box-shadow ...

Community feedback

@filipjuszczak

Posted

Hi!

If you want to style a shadow like in the design, you could use this line:

box-shadow: 10px 10px 0 black;

Here's a brief breakdown:

  • 1st value is the x offset
  • 2nd value is the y offset
  • 3rd value is the blur
  • 4th value is the color

Feel free to experiment with those values to meet your likings.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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