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

Simple Blog Preview Card using HTML and CSS

@aminurmuda

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?

It looks good on desktop and mobile. I also apply some feedback from previous exercise in this solution

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

how to be pixel perfect based on the figma, i find it hard to make it comply even when i use multiple approach of style

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

the usage of style is it already align with the best practice?

Community feedback

mikiyasda 20

@mikiyasda

Posted

To improve accessibility and SEO, include meaningful alt attributes for all <img> tags, ensuring that the images are properly described. Additionally, using semantic elements like <article>, <header>, and <footer> enhances code readability and structure, making it clearer for both users and search engines to interpret the content's hierarchy and purpose.

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