As websites can be opened up in more and more devices, responsive web design becomes a great solution to the multi-screen problem. 

Responsive web design provides an optimal viewing and interaction experience, keeping resizing, panning, and scrolling at minimum across a wide range of gadgets with various display sizes and resolutions.

But to embrace this fluid web, you will need a different approach that steers away from the old pixel-based layout.

For those who want to learn about responsive web design, this article from Froont provides you with some basic principles through the means of illustration gifs and simple explanations.

Of course, responsive goes way deeper than that, but this will give you a good start.

Check it out from the link below.

http://blog.froont.com/9-basic-principles-of-responsive-web-design/