With sales of mobile devices now outpacing those of desktop PCs, web designers face a challenge: how to best present content across all these devices. Smartphone screens average around 4” diagonally, tablets are 7″ to 10″, laptops average around 14″ and desktop monitors go up to 30″ these days. All these different devices result in screens of varying shapes and sizes. This presents a challenge when laying out a page – how to provide a viewing experience that looks good on every screen. One solution is responsive design.
What is Responsive Design?
The best way to understand responsive design is to look at what happens when a page is not responsive: