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.
Users should be able to:
- See hover and focus states for all interactive elements on the page
- Solution URL: Blog Preview Card
- Live Site URL: Live - Blog Preview Card
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
I got more practices with flexbox for layout of the different parts of the design. I also had a chance to do a media query to set the design to be responsive on mobile. As I complete various challenges, I feel I get a bit better at this frontend development.
I would like to continue with flexbox and start some grid layouts to further my skills in laying out different and more complex layout/designs.
- Website - Nathaniel Coleman
- Frontend Mentor - @kyloren808