What is Grid system ?

  • It is a structure comprising a series of vertical and horizontal lines which intersect and used to arrange content.
  • Is a way of providing a system that designers can work with the structure and imagery in a much more readable and present content, manageable way.
  • In print publication Grid systems have long been used, but with their introduction into designing for the web and the many, many CSS grid frameworks which have since.
  • It is one way to achieve a level of consistency that would be otherwise extremely difficult to master and to portray in your designs by using Grid system.
  • Consistency and uniformity are the key to creating a website that your users will find easy to navigate, read and understand.
  • It helps you to do that by providing a solid base that you can grow your design from.
  • In this grid system, there are four types:
    • Manuscript grid
    • Column grid
    • Modular grid
    • Baseline grid

Manuscript grid

  • In a page, this is a one-column grid which simply determines that where the text will sit.
  • Manuscript grids are utilized in e-books, pdf, documents and display with uncountable text.

Column grid

  • It is used for magazines to set content in columns, it makes easier to browse.
  • This is the most widely recognized kind of grid utilized by web designers and graphic.

Modular grid

  • However, it additionally has rows, A modular grid is similar to a column grid.
  • Modular grid separates a page both horizontally and vertically into modules.

Baseline grid

  • It is a dense and heavy grid of equally spaced horizontal lines that determine where the text will sit.
  • are often used in combination with column grids, to make sure that the lines of text in each column align uniformly across a spread.
Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like

What is the difference between SOAP and REST ?

                  SOAP                    REST It is a protocol. It is an architectural style. SOAP- Simple Object Access Protocol. REST- Representational State Transfer. It can’t use REST because it is a…
View Answer

What is Flexbox ?

It is a one-dimensional layout model that has efficient and flexible layouts with distributed spaces among items to control their alignment structure in CSS . It is a layout model…
View Answer

What is Semantic HTML ?

It is essential to understand the meaning of words during communication in any language. It becomes more critical and provides more semantic elements which make it easy to understand the…
View Answer