Blog preview card made with HTML and CSS

Solution retrospective
I used clamp for the first time for making the text responsive. I plan to use it more often so I don’t need to rely on multiple media queries in future projects.
What challenges did you encounter, and how did you overcome them?This one was a very simple project, i think i did not faced major issues
What specific areas of your project would you like help with?I often struggle with choosing the right HTML tags. I’d appreciate guidance on writing more semantic HTML
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@antryabov
I think you can use the header tag and wrap these tags
<span class=“card-tag”>Learning</span>
<p class=“card-date”>Published 21 Dec 2023</p> <h2 class=“card-title”>HTML & CSS foundations</h2>Wrap the author in a footer tag. It turns out that you can use these tags to show that this is the header and footer of the card.
Marked as helpful - @Makkatlahi
Hey, Felipe! I had the same concern with writing more semantical HTML. I did add that one thing I knew or learned was that when you apply the '<section>' tag, you have to consider whether the elements within it rely or directly relate to one another. I've been following this for this specific tag; however, I still have some trouble not immediately resorting to wrapping everything in a 'div'. It's one thing to follow along and another to actually decide for yourself what would be more suitable, isn't it? Cheers
Marked as helpful
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