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

@123Mikolaj

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?

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

@divyodatasci

Posted

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