Skip to content
Submitted 6 months ago

Blog preview card

anitadenn•40
@anitadenn
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?

Flexbox, im so glad there's flexbox.

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

writing the username next to the image was pretty hard for me, but then i remembered flexbox :)

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

svg, flexbox and embedding fonts.

Community feedback

  • Account deleted

    Nice job! Interesting to see the image as an SVG. A few small corrections that I found. You could have used different (smaller) font-weights to match the fonts used in the design more closely. (e.g. on the "Published on"-text and the grey description text.) You could have vertically centered the card. You use the font names for the HTML element class names, which could get confusing in bigger projects. Hopefully this is helpful.

    Marked as helpful
    0
    anitadenn•40
    @anitadennPosted 6 months ago

    @dirkvankrieken I wanted to take a moment to thank you for your insightful comment on my recent work. Your feedback was incredibly helpful and provided me with a new perspective that I hadn't considered. I genuinely appreciate your support and look forward to more of your valuable insights in the future.

    1
  • Magesh balram•30
    @Magesh2004Posted 6 months ago

    Excellent work

    0
    anitadenn•40
    @anitadennPosted 6 months ago

    @Magesh2004 thank you for your feedback, I really appreciate it :)

    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