Skip to content
Submitted 3 months ago

Blog Preview Card

Mikolaj Solecki•50
@123Mikolaj
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'm proud of the clean design and efficient image loading. I don't think there's much to change.

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

The main challenge was avoiding layout shifts caused by images. I set explicit width and height attributes to reserve space, which prevents content from shifting as images load.

Community feedback

  • Divyojyoti Ghosh•60
    @divyodatasciPosted 3 months ago

    Incorrect Closing Tags: The <h2> and <h1> elements are incorrectly closed with </h3> and </h2>. These should be closed with their corresponding tags (</h2> and </h1>).

    Accessibility Considerations: Consider using more descriptive alt attributes for images. This helps improve accessibility for users who rely on screen readers.

    Marked as helpful
    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