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 preview card

anitadenn 40

@anitadenn

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?

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

@anitadenn

Posted

@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

@Magesh2004

Posted

Excellent work

0

anitadenn 40

@anitadenn

Posted

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

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