Grid System

The default grid system utilizes 12 columns, making for a 1200px wide container. Below 800px viewport size, the columns become stacked vertically.


Two Columns with the same width

In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements in a rational, easy to absorb manner. A grid can be use to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape.


In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements in a rational, easy to absorb manner. A grid can be use to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape.


Three Columns with the same width

In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements in a rational, easy to absorb manner.


In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements in a rational, easy to absorb manner.


In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements in a rational, easy to absorb manner.


Four Columns with the same width

A grid can be use to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape.


A grid can be use to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape.


A grid can be use to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape.


A grid can be use to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape.


Three Columns Different Sizes (3 + 4 + 5)

A grid can be use to organize graphic elements in relation to a page, in relation to other graphic elements on the page.


A grid can be use to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape.


A grid can be use to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape , or relation to other parts of the same graphic element or shape.


The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.

 

 

In lockdown, maar ... OPEN voor take-away!

Hoewel we het niet begrijpen, hebben ook wij onze deuren moeten sluiten vanwege de nationale horecalockdown.

Maar ... als u dat wilt, kunt u wel onze heerlijke zelfgemaakte frites ophalen en uiteraard met een paar mooie kroketten, een kaassoufflé en vooruit, voor de kinderen gooien we ook nog een frikandel in het vet. Joke heeft vast ook nog wat lekkere soepen 'in de aanbieding'! 

Dus ... maak een mooie wandeling hier in de Pan van Persijn en neem na afloop wat mee voor thuis. 

Vragen? Bel (070) 511 25 95.