Project 2 of Microverse 2.0 program: Building with Responsive Design

We were asked to make a clone of The Next Web page using media query to work with 3 screen sizes: mobile, tablet, and desktop using mediaqueries.

Project specifications can be found at https://www.theodinproject.com/courses/html5-and-css3/lessons/positioning-and-floating-elements

Project requirements: clean, code, semantic HTML, use mediaquery.

Built With

• HTML5 & CSS3
• Atom Text-Editor

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

-HTML5 & CSS3 text editor -GitHub -Git

Setup

Clone repository from github to your local drive using git clone command.

Install

-Install Atom or Microsoft Visual Studio text editor to view the code on your local machine. -Install Git.

Usage

This repository should only be used for educational purposes.

Run tests

Feel free to run tests on this repository by creating pull requests.

Deployment

-Open live-server from your text-editor to see the website. -Use github pages to view from the Live Demo link above.

Authors

👤 AMIRA ABOUHADID

• GitHub: @amiraabouhadid
• Twitter: @AbouhadidAmira
• LinkedIn: amira-abouhadid

👤 SAMROOD ALI

• GitHub: @githubhandle
• LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc

📝 License

This project is MIT licensed.