Blog preview card using HTML 5 and CSS

Please log in to post a comment
Log in with GitHubCommunity feedback
- @Reney17
Semantic HTML: Great use of semantic elements like <section> and <footer>. Adding <article> for the main content and <header> for the title and metadata could enhance structure.
Accessibility: Add more descriptive alt attributes for images and consider aria-label for links. Check the text contrast against the yellow background for better readability.
Layout and Responsiveness: The layout is responsive, but consider optimizing images with srcset for better mobile performance.
Code Structure: The code is clean and readable. To improve reusability, consider using CSS variables for repetitive values.
Design vs. Implementation: The design is well-followed. Adding a smoother hover effect and adjusting padding for title alignment could enhance the design.
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