Responsive blog preview card using vanilla CSS and a bit flexbox

Please log in to post a comment
Log in with GitHubCommunity feedback
- P@willdelorm
Nice job recreating this card project! It visually looks amazing, so let's look at the code.
In your HTML file, you used the
div
element a lot. These days, we have semantic HTML elements to better describe what we're making. Next time, look into using elements likearticle
orsection
to improve readability for screen readers.I noticed that you used a lot of IDs to identify elements in your CSS stylings. You should generally use classes for styling. The main reason for this is that classes can be reused but IDs can only exist in one element. For a component like this card, it's likely that a website will use a card several times.
Marked as helpful - P@OMallesDev
Code is clean and easy to read. I only recently started switching from absolute units (px) To relative units and it's definitely helped when it comes to how the content resizes on different browsers and sizes.
Good Job!
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