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 card design using HTML and CSS

kcprp 20

@kcprp

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 challenges did you encounter, and how did you overcome them?

I found setting the offset black background to the card element difficult. The solution to this was creating a child element with a z-index: -1 with absolute positioning and applying offset values to it.

Community feedback

MikDra1 6,090

@MikDra1

Posted

You can also easily create the shadow with the box-shadow property. If you don't know it here is a VIDEO about it.

Hope you find it helpful 💗,

Good job and keep going 😁😊😉

Marked as helpful

1

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