Responsive Web Design
Responsive web design is a strategy for providing custom layouts to devicesbased on the size of the viewport (browser window). The trick to responsive
web design is serving a single HTML document to all devices, but applying
different style sheets based on the screen size in order to provide the most
optimized layout for that device. For example, when the page is viewed on
a smartphone, it appears in one column with large links for easy tapping.
But when that same page is viewed on a large desktop browser, the content
rearranges into multiple columns with traditional navigation elements. It’s
like magic! (Except that it’s actually just CSS.)