Skip to content
Submitted 4 months ago

Blog Preciew Card using Viewport Units

Paritch Kaewpradab•120
@Twiztss
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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
    @lkwunhyoPosted 4 months ago

    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
    Paritch Kaewpradab•120
    @TwiztssPosted 4 months ago

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

    0

Please log in to post a comment

Log in with GitHub

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