Frontend Mentor - Blog Preview Card Solution

This is a solution to the Blog preview card challenge on Frontend Mentor. This challenge helps improve coding skills by building realistic projects.

Table of Contents

• Overview
  • The Challenge
  • Screenshot
  • Live Demo
• Built With
• Getting Started
• Author

Overview

The Challenge

Users should be able to:

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

Screenshot

Live Demo

• Live Site URL

Built With

• React
• Tailwind CSS
• Vite

Getting Started

1. Clone the repository:

   git clone https://github.com/yourusername/blog-preview-card.git
   cd blog-preview-card

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

5. Preview production build:

   npm run preview

Author

• Frontend Mentor - @BrunoSerbai
• Portifolio - @BrunoSerbai