When we think about responsive web design we think, nice… no resizing anymore: With one code you can build a whole website layout that will runs flexibly from mobile to desktop. Responsive design allows developers to dynamically manage full sections of the website. Even if the navigation is too wide it will breaks into two lines and resize the links to be smaller at that exact point. This is called a breakpoint and most responsive websites have at least 2-3 of them.
It’s still a fairly new concept which has become popular, because it fits in any size to your webpage. If you look back when CRTs were so heavy that can crush our desks, it was a pleasure just to access the Internet. Web design was important but didn’t have much support. These days there are lot of monitor resolutions including smartphones and tablets. All web designers must adjust to this new environment by creating responsive websites using layouts that rearrange to fit any screen size.
Foundation of responsive design is that anything what can be done with CSS can be updated with a media query. It will allow web developers to make a single layout that naturally adapts to every screen.