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.

 

 

Pick it up fundraiser is extended!

Due to the fires and the needs in our community — we are extending the Pay It Forward to support The Food Bank for Monterey County through December 2020. Our new goal is to raise $50,000 by this time! 10% of all proceeds from takeout orders will be donated to the Food Bank. Help us get there!

TAKE-OUT FOR A GREAT CAUSE!

Montrio Bistro, Tarpy’s Roadhouse, and Rio Grill have launched a new fundraiser in support of the Food Bank for Monterey County. With the “Pick It Up, Pay It Forward” campaign, 10% of all proceeds from take-out orders will be donated to the food bank, until December 31st. This initiative does not apply to delivery orders.

With the difficulties of the pandemic, food banks are struggling to keep up with growing demand. So come and pick up your favorite meal today to help us support this cause! Our dishes - especially our family-style take-out boxes – make your taste buds feel great, but, nothing feels better than helping others in need.

Ken and Mona Donkersloot, owners of the three restaurants, are committed to this important need in the community and hope to meet a goal of $50,000.00 for this terrific cause. Urging the community to help, they have personally matched the first $20,000 raised with an additional $5,000.00. There is also a private donor that will donate $25,000 additional if the $50,000 goal is met by December 31st. Help us meet this goal! Let us cook dinner this week - you’ll get an incredible meal and all the satisfaction that comes from doing good.

Browse our takeout menus and place your order today!

101 Crossroads Boulevard | Carmel | California | 93923 | (831) 625-5436