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

Card Preview using Vanilla CSS

piyush672 10

@piyush672

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 encountered challenge with giving shadow but on learning how shadow attributes works,i was ablt to pull it off

Community feedback

@Blurryface1998

Posted

Hello, it looks great it has a couple of mistakes you can easily correct so it would be more responsive. In your div container add when in mobile viewport that it has a little margin on the left and right (I think its 24). Also, instead of giving every element in div container a margin, you can add a row-gap when using display flex. That also applies to div contentContainer. I think you forgot to add active states on hover and change the font-size in mobile viewport. You can check my solution if you need any help.

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