<p>A page grid is a grid that exists on the top level of a website and includes gutters to the left and right.</p>
<p>A page grid exists on the top level of a web site. It can change its left and right gutter size to be responsive to a browser's width. This means the gutters to left and right of grid columns will alter in size as a browser's resolution increases.</p>
<div class="ui ignore warning message"><i class="icon info circle"></i>
It is important to note, that padding is applied directly to columns, which means other ui elements should not be used in combination with column, but directly as children.</div>
<div class="ui text message info ignore">
<i class="icon heart"></i> Semantic UI's page grid by default will change the page gutters to increase at 250pixel intervals.
</div>
<div class="ui two column page grid">
<div class="column">
@ -399,123 +399,6 @@ type : 'UI Collection'
<h3 class="ui header">Grid</h3>
<div class="example">
<h4 class="ui header">Responsive to Size</h4>
<p>A grid can change its size to be responsive to a browser's width. This means the gutters to left and right of grid columns will alter in size as a browser's resolution increases.</p>
<div class="ui text message info ignore">
<i class="icon heart"></i> Semantic UI's responsive grid by default will change the page gutters to increase at 250pixel intervals.