Google have just released a free tool that allows you to check how your website looks on a range of different screen sizes.

The Resizer tool is completely free and lives at design.google.com/resizer.

google-resizer

This tool is pretty sweet as it lets you see a live version of the site. Not just that but it’s also a great free way to grab screenshots of sites on different devices to send to a client.

The tool comes with three different options. The first is the three device version with a laptop behind a tablet and a smartphone at the forefront.

google-resizer-example

The second viewable option is a simple resizer with a changeable ruler at the top of the screen. Clicking the different widths on the ruler changes the screen dimensions.

google-resizer-example-2

The final option is similar to the option above but instead of just the viewable screen area, it shows the screen enclosed within various device sizes.

google-resizer-example-3