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
  • Screenshot
  • Links
• My process
  • Built with
  • Useful resources
• Author

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

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

Screenshot

Links

• Solution URL: View Code
• Live Site URL: View Site

My process

Built with

• Flexbox
• CSS custom properties
• Semantic HTML5 markup
• Mobile-first workflow

Useful resources

• A Complete Guide to Flexbox - This is an amazing article which helped me understand Flexbox. I'd recommend it to anyone still learning this concept.
• For more information on using drop-shadow - MDN docs are always useful for learning new concepts or simply just referring back for syntax help.

Author

• Frontend Mentor - @moojica