Blog Preview responsive using HTML and CSS

Please log in to post a comment
Log in with GitHubCommunity feedback
- @AGutierrezR
Hello there 👋. Good job on completing the challenge!
I have some suggestions about your code that might interest you.
General Structure and HTML:
- Consider using
<span>
or<time>
instead of paragraphs for elements that are not actual paragraphs like ”Published...”.
CSS and Styling:
- Implement CSS custom properties to define and utilize project colors more easily.
- Do not apply
max-width
to the paragraph to manage the cards width. Remove that rule and implement something similar in the card itself (I usedmax-width: 384px
).
Accessibility and Semantic HTML:
- The icons/illustration images are decorative, so their alt text must be empty:
alt=""
. - Profile image could benefit from a more descriptive alt text, like
alt="Headshot of Greg Hooper"
. - Maintain semantic HTML structure by using appropriate elements for their intended purposes.
I hope you find this helpful 😁. Most importantly, your submitted solution is fantastic!
Happy coding!
Marked as helpful - Consider using
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