When designing a website, it’s recommended to have a grid. It will bring your website some structure, create a consistent appearance and make it easy for your adored developer when build time will come.

At first, I was pretty studious. I used to create myself a grid, which would always change from 6 pixels to 5 columns depending of the project. Let say it, it got me very annoyed after my 15th design. Soon, I just  went freestyle making the rules bend when designing the homepage and only then create the grid. And now, I discovered Modular Grid Pattern.

This Photoshop Adobe Extension is simple. You set up the size of your baseline, gutter, module width and height. Click on “create grid” and done, your task is completed, you can go play pingpong with the Art Directors.