The typographic grid is an organizing principle in graphic design whose influence is simultaneously ingrained in current practice and fought over in design education, revered and relived for the absolutes inherent in its conception. It is a principle with roots in the oldest societies on the planet. 
The grid instituted by Modernism restated that long-ingrained sense of order, formalizing it yet another degree and transforming it yet another degree and transforming it into an established part of design. The typographic grid is an orthogonal planning system that parcels information into manageable chunks. The assumption of this system is that placement and scale relationships between informational elements.

A grid is an invisible structure used to guide the placement of elements on your page. Now days using a grid are one of those basic design principles. 
Most news and editorial designers are working with grid systems someone else designed. No matter what you think about it, how you know about it, you need to understand how to use it. 

A grid is a technique that comes from print design but easily be applied to web design as well. Web developers have only recently started to show a real interest in grid systems. 
If you looking for an effective way to communicate with your audience then grids can be consider as first priority. Grids are often considered to be the fundamental part of any aligned, ordered and optimize web layouts. A typographic grid is a two-dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. The grid serves as an armature on which a designer can organize text and images in a rational, easy to absorb manner. It also serves as the framework for page layout which divides the page horizontally and vertically into columns and rows to help work to order the elements of the design. The text and images used on the page fit into place and align with one another according to the grid.
The lines of the grid themselves are not necessarily visible (although in some designs they are) but they are used by the designer to create the proper width and height of elements to align the page. It is commonly seen in newspaper and magazine layout with columns of text and images. One grid, or a collection of grids, may be used across an entire project to achieve a consistent look and feel.
Thank you for watching!