Submitted 4 months ago

Blog Preview Card

Albert Celestino• 20

@1lbert

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

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'm proud that I can make this simple project with only using the resources provided

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

I got a challenge when I couldn't align the image and the name at the bottom, so I checked the dev tool and looked what is the error I had and that solved everything.

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

how to properly use the combinator

Community feedback

Gwenaël Magnenat• 1,210

@gmagnenat

Posted 4 months ago

Hi Albert, Congrats on completing the challenge ! It looks very close to the design.

I can give you a small suggestion on your html.

I see that you used headings <h4> for the category tag and the date. This can lead to a confusing navigation on the page for assistive technology. It is recommanded to use sequential order for headings. W3C headings ranks

I think you can safely use <p> tag or <span> for these elements and keep a heading tag only for the title.

Please log in to post a comment

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