Skip to content
Submitted 2 months ago

Blog preview card using plain html-css

OswyChow•20
@OswyChow
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

That i was able to achieve a result that is pretty close to the original design.

What challenges did you encounter, and how did you overcome them?

Resizing font without using media queries, but luckily i discovered clamp() by doing some research.

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

Not sure, please take a look and let me know how i can do better, I'm 100% open to constructive feedback.

Code

Please log in to post a comment

Log in

Community feedback

  • feichulin•170
    @feimb

    Consider moving the "Figtree" font declaration to the body selector instead of repeating it in multiple classes like .figtree-extra-medium and .figtree-extra-bold. This way, the entire page uses the font by default, and you only need to adjust the font-weight where needed.

    body {
  font-family: "Figtree", sans-serif;
}
    Marked as helpful

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