BBC News Clone - Solo Project

My CSS grid challenge solution for the Scrimba Solo Project: BBC News Clone.

---

🚀 Live Demo

Click here to see the live project

---

📚 Table of Contents

• Overview
• Features
• Technologies Used
• Setup Instructions
• Challenges and Learning

---

📝 Overview

Project Purpose

Solve the CSS grid challenge presented in the BBC News Clone solo project.

Scrimba Course Reference

The specific Scrimba course related to this Solo Project (PRO) is "BBC News Clone". It can be found at Solo Project (PRO) - BBC New Clone.

What is a Solo Project?

A self-guided project that requires the learner to complete the project on their own based on the instructions and project requirements given at the start.

---

✨ Features

• Responsive design for desktop and mobile views.

---

🛠️ Technologies Used

• HTML5
• CSS3
• Vite

---

📂 Setup Instructions

1. Clone the repository:

   git clone https://github.com/DarrickFauvel/bbc-news-clone-solo-scrimba-250115.git

2. Navigate into the project directory:

   cd project-name

3. Install the dependencies and run the project

   npm install
   npm start
   

4. Open the project in your Web browser

---

🚧 Challenges and Learning

• Challenge: Handling CSS grid layout.

• Solution:
  Implemented repeating grid-template-columns that used an automatic minimum and maximum width. Also included a grid within grid layout for the featured article.

• Beyond the solution:
  Implemented media queries to respond to both mobile and desktop views.