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 design

tortaruga 450

@tortaruga

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?

I tried to guess the sizes without relying on the figma file and I'm happy because I didn't get it too wrong

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

I'm still struggling a bit to get familiar with github. The desktop app didn't detect any changes to the files because I had not added the files to the repository... it took me way too long to figure that out! Also I was a bit overconfident when estimating how long the project would take

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

Was I supposed to use the font files somehow? I just imported the font from goolge fonts

Community feedback

Alex 3,130

@Alex-Archer-I

Posted

Hi! To answer your questions - you'll encounter a various situations in real projects, and it may happen that you have to use fonts provided by designer. So I recommend you to practice using font files.

Also challenge bundles here often include variable fonts - that's a cool thing definitely worth to get familiar with =)

Oh, and I recommend you to use rem for font sizes cos it's a special relative values which depends on user's settings. By default - 1rem = 16px.

Well, hope that helps, good luck =)

Marked as helpful

0
Oseonyibe 60

@Oseonyibe

Posted

nice

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