How does Grid design helps and what are their roles in Website Design

I’m not a designer but I’m learning how to implement an efficient design on a website. How do we decide on the grid used, as far as I can grasp, 3×3 boxes looks good to me. But as I keep reading, i noticed there are many more grid variations such as 12×12, 16×16. If so, where will the “focus” point lie in the website?

In a 3×3 Grid, I understand that the “focus” point lies between the two horizontal line intersecting with one of the vertical line.


The grid is simply a tool used to give visual balance to a piece. There’s nothing stating that anyone has to follow or not-follow a grid in anything. Its just there to help with layout.

The grids you give all could work, but its really up to what YOU think looks good. If you work in only 3×3 grids and you and your client are happy with the results, then you don’t really need to worry about the other grids. If you find that other grid formats, even grids with different row-column lengths (like a 3×5 grid or 5×7 grid, for example) then more power to you.

And you say you understand that the focus on a 3×3 grid lies where the grid lines cross; this could be said about any grid you are giving. Theoretically andy point on a grid where the lines cross could be a focus point on your piece. It just depends on how you place your elements and what hierarchy you are using.

Source : Link , Question Author : Nicholas TJ , Answer Author : OghmaOsiris

Leave a Comment