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

Responsive blog preview card

Alex 3,130

@Alex-Archer-I

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 are you most proud of, and what would you do differently next time?

Almost all the time in my early works I used google fonts. But this time as font files was with the project's assets I decided to learn more about @font-face rule. More of that it was my first encounter with the variables fonts - I read a couple of articles about them and find out that it's rather cool stuff. In short I proud of myself that I can quickly learn about new things.

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

Additional challenge suggests to find a way to decrease font size without media queries. It was quite challenging. In the end I found a way by using css function calc(0.9rem + 0.1vw) and viewport units but I not very happy with this approach.

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

Well, since "font" already word of the day for this challenge, it'll be good to hear an advise about best practices of using fonts. But I'm really open for any kind of comments.

Community feedback

P

@princewritecode

Posted

Good work

0

Alex 3,130

@Alex-Archer-I

Posted

@princewritecode Thanks =)

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