Frontend Mentor - Blog preview card solution

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.

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Author

Overview

The challenge

Users should be able to:

• See hover and focus states for all interactive elements on the page

Links

• Solution URL: https://sambensim.github.io/FrontendMentors01/

My process

Built with

• HTML5 with Emmet in VSCode
• CSS (grid when using multiple cards, flexbox)
• Figma

What I learned

This is my first CSS project, so basically everything.

Useful resources

Kevin Powell's and Slaying the Dragon's videos on YouTube were extremely helpful in learning, along with the games Flexbox Froggy, Grid Garden, and CSS Diner.

Author

• Website - Sam Simmons samsimmons.info
• Frontend Mentor - @sambensim