>.g-t--12 or .g-t--4 - Use the t- for tiny size breakpoints, which is &lt;520px by default.</li>
			</ul>
			<pre>
				<code class="lang-html">
&lt;div class=&quot;g--5 g-s--12&quot;&gt;
  I&apos;m a g--5 g-s--12
&lt;/div&gt;
&lt;div class=&quot;g--1 g-m--4 g-t--12&quot;&gt;
  I&apos;m a g--1 at regular size, g--4 at medium and g--12 at tiny size.
&lt;/div&gt;
				</code>
			</pre>
			<h3>Margins</h3>
			<p>The margins work exactly the same as the grid system. Each m--1 is equal size to a g--1</p>
			<p>To 