Skip to content
Submitted 14 days ago

Blog Preview Card

Zeke Achas•70
@zekeer21
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 challenges did you encounter, and how did you overcome them?

Using the given asset font. It works on my end when I preview my app using liveserver but in my uploaded github pages it wont work.

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

The font assets.

Community feedback

  • Natali 👻 Grimm•1,150
    @Grimm-NPosted 14 days ago

    Nicely done on the progress! 🎉 Keep it up! 💻✨

    I have a few little suggestions:

    1. Wouldn’t it be nice if the card didn’t cling to the window like a needy ex? 😂 Try adding a little padding or setting the container to 90% or vh, vw units. That way, it adjusts to the screen and keeps some personal space! 😉

    2. Reminder: when adding a font with @font-face, make sure to specify formats like ttf, woff, woff2, etc., for better compatibility!

    3. Pro tip: it’s recommended to use units like rem, em, %, vh, vw everywhere. It might seem tricky, but hey, calculators are a lifesaver! 😉

    Great job!

    Marked as helpful
    1
    Zeke Achas•70
    @zekeer21Posted 14 days ago

    @Grimm-N I forgot those units exists. Thank you.

    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