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 Card with HTML and CSS

@leozende

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 the best practices for HTML? I'm using divs with -, but I don't know what would be the best option.

Community feedback

@MelvinAguilar

Posted

Hello there πŸ‘‹. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

  • Use semantic elements such as <main> and <footer> to improve accessibility and organization of your page.
  • The <div> tag can be useful for styling and positioning, but it doesn't convey any semantic meaning. Instead, consider using more semantic elements like <p> to better describe the type of content.
  • The alt attribute should not contain the words "image", "photo", or "picture", because the image tag already conveys that information.
  • For a photo of a person, use their name as the alt text.

I hope you find it useful! πŸ˜„ Above all, the solution you submitted is great!

Happy coding! πŸŽπŸŽ„β„οΈ

Marked as helpful

0

@leozende

Posted

Thanks, I'll try to make the code more semantic. @MelvinAguilar

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