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 card using Flexbox, Logical Properties and Fluid Typography

P
Daniele 300

@dedo-dev

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 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,060

@geomydas

Posted

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

0

P
Daniele 300

@dedo-dev

Posted

@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
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