This project is a Blog Preview Card Landing Page. It features a clean and modern design that highlights a blog post preview in a visually appealing card layout.
The page is fully responsive, built with a mobile-first workflow, and utilizes semantic HTML along with CSS Flexbox for a flexible and accessible layout. It’s a great example of a small, real-world component that can be integrated into larger projects.
- Solution URL: GitHub Repository
- Live Site URL: View Live
- Semantic HTML5 markup for better accessibility and SEO
- CSS Custom Properties for easier theming and maintainability
- Flexbox for layout and alignment
- Mobile-First Workflow to ensure responsiveness on all devices
- This project is a solution to the Blog Preview Card challenge on Frontend Mentor. Frontend Mentor challenges help improve coding skills by building real-world projects.
- HSL Color Picker — used to select the perfect color palette
- WCAG AA Checker
- Figtree font