Blog Preview Card Using vanilla techs - HTML - CSS
Design comparison
Solution retrospective
I used the li html tag as a container of the card because I assume that this component would be displayed dynamically with a list of other blog posts. Still, I'm not that prolific in semantic tags so I don't know if that was the best option to pick, maybe an article tag was more fitting?
Community feedback
- @danielmrz-devPosted 11 months ago
Hello @Silkiercomet!
Your solution looks excellent!
About your question:
- In this case, since the card is all we have on the screen, the recommended tag would be
main.
If this card was a part of a bigger project (it certainly would in real world) maybe
<article>could be a very good option.- Another suggestion about semantic HTML: The tag
headeris most used for header of the whole page, not for element's headers. The same thing goes forfooter.
Semantic tags don't have big visual effects, but they improve your code, its SEO optimization and also the accessibility if your project.
I wouldn't worry too much, though. It's just a matter of practice 😁
I hope it helps!
1 - In this case, since the card is all we have on the screen, the recommended tag would be
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