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 Preciew Card using Viewport Units

@Twiztss

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 are you most proud of, and what would you do differently next time?

Usage of viewport unit and its variant such as dynamic viewport and regular viewport height or widths.

Community feedback

lkwunhyo 50

@lkwunhyo

Posted

Hey, awesome work. A couple things to note is that the box-shadow is solid in the designs. I also noticed that you grouped all the card elements into one content, which works but it's better to group them separately. Some UI libraries would use a card header, card image, card content, and card footer. But super good and very close to the designs.

Marked as helpful

0

@Twiztss

Posted

@lkwunhyo Thanks, I'll keep that in mind.

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