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
  • 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

Screenshot

Desktop View

Hover

Mobile View

Links

• Solution URL: Solution URL
• Live Site URL: Live site URL

My process

Built with

• HTML
• CSS
• Flexbox

What I learned

• Using local fonts
• Refresh of CSS - Box Shadow & Flexbox

Useful resources

• Box Shadow - MDN - Useful to learn about box-shadow property in css.

Author

• Website - Sriram Balasubramanian
• Frontend Mentor - @sriram23
• Twitter - @imsriramb