Responsive Design

What is responsive design? It is designing your page layout to reflect the size and capabilities of the device being used to look at the page. Have you ever visited a site from your phone just to find out you can't access important information? This means the site is not responsive.

Mobile

The key to having a great page is to design "mobile-first." This means that you should make sure that your page has all of the necessary functionalities when viewed on an extra small screen.

Tablet

The larger screen of tablets allows you to modify the layout to provide a different experience for your users. An example? A navigation bar that stretches across the width of the screen.

PCs and Desktops

When people are viewing your page from a large screen you can consider adding some elements that want to avoid on the mobile view, e.g. photo carousels, large videos, etc.