Responsive Composition Site

Before

Responsive Design

Responsive design is the design that responds to the users screen, whether if its a mobile phone, tablet, pc, or a mac. As it switches to a laptop or to a iPad, it should automatically switch to their resolution. It is more important now with so any different kind of devices that are coming out and they need to adapt to the size of all of them.

CSS Difference

In my website I had to change the CSS, I had to add media queries and breakpoints:

@media only screen and (min-width:768px) and (max-width:1024px) {

.TABLETstylesSTARThere {

}

These change so that the width of the page will change when the size of the screen is smaller and adjusts the text so that it all fits on the screen.

After