---
layout: example
title: "Responsive Pull Classes"
permalink: /examples/responsive/pull/
---
<h2>12-column Responsive Pull</h2>

{% for b in site.data.settings.breakpoints %}
  <h3><code>.grid__cell@{{b}}</code> Grid Class</h3>
  {% for g in (1..12) %}
  
    <div class="grid">
      <div class="grid__cell grid__cell--{{g}}@{{b}}"><div class="grid-example">{{g}}</div></div>
      {% if g != 12 %}
        <div class="grid__cell grid__cell--{{12 | minus: g}}@{{b}}"><div class="grid-example">{{12 | minus: g}