Responsive Design Website

Responsive Design

 Responsive web design is the approach that suggests that design and development should respond to the user's behavior and environment based on the screen size.

Before and After

Before I made the website responsive it made the website hard to read because the text was really small. In order for the website to be read the viewer had to zoom in. 

After I made the website responsive it made it easy to read because the website s sized to fit the screen. The css was different because the css was changed to percents instead of set widths. 

Tablet

The css for the tablet was different than the phone because it has a bigger screen which makes the text not needed to be as big. The media queries are what allows the website to fit the screen of a device that isn't a computer. 

Computer

On a desktop you can adjust the size of the screen which shows you what it could look like on a phone or a tablet. The css is different than a phone and a tablet because the original website has set widths. Unlike phones and tablets which can't have set widths because the page has to ft to the size of the screen.