Skip to content
Submitted 5 months ago

blog card design

tortaruga•450
@tortaruga
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 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-IPosted 5 months ago

    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
    @OseonyibePosted 5 months ago

    nice

    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