Skip to content
Submitted 4 months ago

Blog card using Flexbox, Logical Properties and Fluid Typography

Daniele•300
@dedo-dev
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?

Personally, I never used Variable Fonts before, so to understand how to use them I spent some time, especially because I didn't see that the format in the asset isn't for the web.

The rest of the challenge went normally, I spent more time researching a good semantic HTML on the blogs around the web to build the card, just because I wouldn't want to use a simple div and at the end, I just used article and time

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

I haven't a specific area to ask for help, but I would like to know what kind of semantic HTML you'll use to build up a card.

Community feedback

  • geomydas•1,400
    @geomydasPosted 4 months ago

    Variable fonts are just the same as any other web font you can use. You'd just import them using @fontface probably

    0
    Daniele•300
    @dedo-devPosted 4 months ago

    @geomydas Yes, but I used them locally and until I converted it the web doesn't render it on the page 🤷

    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