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

K 80

@lilythelily

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?

As a newbie who is struggling with almost everything about coding, it took ages to complete this seemingly simple card... I feel so muddle-headed.

I tried so hard to find the way to make it responsive. I think it does response somehow, but I am not sure about the width of the card.

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

As for the background solid shadow, I decided to use border-right and border-bottom. But the position is not quite right. Should I have used box-shadow property instead...?

Also, I have no clue how to apply black-colored pointer as a cursor, to be displayed when hovering. (sigh...)

Community feedback

Leyker 40

@leykerjsm

Posted

I think it's ok ;) the dimensions must be reviewed

Marked as helpful

0

K 80

@lilythelily

Posted

Thank you, @leykerjsm ! I will review the dimensions. :)

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