Scratching the surface: 10 ways to make a website mobile friendly

Scratching the surface, Quick Bites: 10 ways to make a website mobile-friendly.

Responsive design

Responsive design is an approach to web design that makes web pages render well on a range of devices, from mobile phones to desktop computers.

Use a mobile-first approach

Mobile-first is a strategy for web design and development in which the mobile version of a website is designed before the desktop version.

Use a responsive grid system

A responsive grid system is a framework for creating responsive web designs. It is based on a 12-column grid and uses media queries to change the layout of the content on different devices.

Use media queries

Media queries are a CSS3 feature that allows you to change the CSS styles of a web page based on the device it is being viewed on.

Viewport meta tag

The viewport meta tag is an HTML5 element that allows you to control the width and scaling of a webpage on different devices.

Images that scale

Images that scale are images that can be resized to fit the width of the viewport on different devices.

Font sizes that are legible

Font sizes that are legible are font sizes that are large enough to be read on different devices.

Touch-friendly buttons and links

Buttons and links that are touch-friendly are easier to press on mobile devices.

Content that is easy to read

Content that is easy to read is content that is easy to understand on mobile devices.

Mobile-friendly navigation

Mobile-friendly navigation is navigation that is easy to use on mobile devices.