Thank you for exploring this front-end coding challenge.

This repository contains my solution to the Blog Preview Card challenge on Frontend Mentor. Frontend Mentor challenges are fantastic for honing your coding skills by building realistic projects.

• Overview
• The Challenge
• Screenshot
• Links
• My Process
• Built With
• What I Learned
• Continued Development
• Useful Resources
• Author
• Acknowledgments

Users should be able to:

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

(Add a screenshot of your solution here.)

• Solution URL (Add solution URL here)
• Live Site URL (Add live site URL here)

I approached this project using a mobile-first workflow and implemented the design using Semantic HTML5 markup and CSS custom properties. Below is a summary of the tools and methodologies I used:

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• React - JavaScript library
• Next.js - React framework
• Styled Components - For styles

In this project, I reinforced my understanding of various concepts, including:

(Add your major learnings and code snippets here.)

Moving forward, I aim to focus on refining and perfecting the following areas:

(Add areas you want to continue focusing on in future projects.)

• Changing Aspect Ratio -

• Git Commit Best Practices -

• Frontend Mentor
• Twitter
• Github