Web Design » Photoshop » How Do I Use the 960 Grid in Photoshop?

How Do I Use the 960 Grid in Photoshop?

Last updated on September 24, 2022 @ 3:37 pm

Using the 960 grid system is an easy way to ensure your web designs are pixel-perfect. The system is based on a width of 960px, which can be divided into 12 or 16 columns. Each column is then 60px or 40px wide, respectively.

To use the system, simply create a new Photoshop document with a width of 960px. Then, using the ruler tool, draw vertical lines to indicate the column boundaries. Finally, add your content and style it accordingly.

PRO TIP: The 960 Grid in Photoshop is a tool that allows you to create web layouts using a grid system. This tool can be very helpful when creating web layouts, but it is important to use it correctly. If you do not use the 960 Grid in Photoshop correctly, you may end up with a layout that is difficult to read or that does not look good on all devices.

Using the 960 grid system is an easy way to ensure your web designs are pixel-perfect.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.