One size does not fit all

Think about your content at every size you can.

Forget about the device, and focus on formatting for every size.

Forget about fixed-width sizes. Think in percentages, and think in ems.

For fonts, margins and padding, use relative ems instead of pixels and point-sizes.

For images and video, use percentages.

Fluid elements

Nothing is trueYou’re not creating desktop websites, tablet websites and mobile websites.

You’re creating one responsive website.

Think about your content at every size you can. Forget about the device, and focus on formatting for every size.

Forget about fixed-width sizes. Think in percentages, and think in ems. This will ensure fluid formatting within a liquid layout.

For fonts, margins and padding, use relative ems instead of pixels and point-sizes. For images and video, use percentages.

Then use media queries in your CSS to customize your formatting and layout to fit custom content sizes.

One responsive website

Use media queries in your CSS to customize your layouts, formats and content sizes.

Target the screen sizes and monitor widths that you know are being used.

Find the in-between sizes and widths where the formatting breaks.

Target as many break points as you can and fix them all.

You can even aim for future Internet use on television sizes.