This is a solution to the Blog preview card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
This a HTML and CSS challenge that tests your skills on creating a blog preview card.
Users should be able to:
- See hover and focus states for all interactive elements on the page
- Solution URL: solution URL here
- Live Site URL: live site URL here
- First implemented the structure of the card with HTML and then started up with the mobile first approach with the styling
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Styled Components - For styles
- Website - Okongo Derrick
- Frontend Mentor - @derrick1451
- Twitter - @derrickhayle
I would like to thank Frontend Mentor for giving me this opportunity to showcase my skills. as well as the Open Source Community for providing vast resources for free that helped in various stages of this project.