caitlinw29/bbc-clone

Exercise creating a simple layout similar to BBC's site, using grid and flexbox

BBC-Clone

Exercise creating a simple layout similar to BBC's site, using CSS grid.

Base html skeleton, images for mockup, and basic css stylings were provided by Scrimba for the exercise.

Table of Contents

• Purpose and Goals
• Features
• Usage
• License
• Screenshots
• Future Development
• Deployed Link

Purpose and Goals

The purpose of this mini-project is to practice using CSS Grid.

The main goal is to create a web page that shows different news articles in a responsive layout.

Features

• The layout appears similar to the BBC website
• The layout will adjust based on screen size
• The "news" will be hard-coded in the html

Usage

Either visit BBC Clone in any browser, or fork this repository to use locally and make some changes.

License

This project is licesensed under the MIT license.

Screenshots

Mobile View:

Tablet (Medium) View:

Desktop View:

Future Development

• Improve UI
• Light/Dark mode toggle
• Pull in real news articles with an API?
• Add some buttons, and functionality with JS
• Nav bar added
• User account to save favorite articles (or save with localStorage)

Deployed Link

See it live: BBC Clone