{% extends "_layouts/examples.html" %}
{% block title %}Legacy grid / Offset columns (deprecated){% endblock %}

{% block standalone_css %}patterns_grid{% endblock %}

{% block content %}
<div class="row grid-demo">
  <div class="col-small-3 col-medium-4 col-9
    col-start-small-2 col-order-small-2
    col-start-medium-3 col-order-medium-2
    col-start-large-4 col-order-large-2">
    <p>
      .col-small-3 .col-medium-4 .col-9<br>
      .col-start-small-2 .col-order-small-2<br>
      .col-start-medium-3 .