Thanks for checking out this front-end coding challenge.
Frontend Mentor challenges help you improve your coding skills by building realistic projects.
To do this challenge, you need a basic understanding of HTML and CSS.
Your challenge is to build out this blog preview card and get it looking as close to the design as possible.
You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.
Your users should be able to:
- See hover and focus states for all interactive elements on the page
- Live Demo: Blog-preview-card
- GitHub Repo: Blog-preview-card
- Semantic HTML5
- Vanilla CSS3
- Mobile-first, responsive workflow
As one of my first front-end challenges, I'm proud I achieved a responsive design using just vanilla CSS. I had to adjust display, box-sizing, and use object-fit: cover to get images fitting correctly inside their containers. Next time, I want to use grid for more cleaner responsive layouts.
I love receiving feedback! I am always looking to improve my skills. So if you have anything you'd like to mention, please email at sheedmunir@gmail.com
Have fun building! 🚀