{% extends "_layouts/examples.html" %}
{% block title %}Legacy grid / 75/25 + 50/50 responsive (deprecated){% endblock %}

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

{% block content %}
<div class="grid-demo">
  <div class="row--75-25-on-large row--50-50-on-medium">
    <div class="col">
      <span>75 by default</span>
      <br />
      <span>50 on medium</span>
    </div>
    <div class="col">
      <span>25 by default</span>
      <br />
      <span>50 on medium</span>
    </div>
  </div>
</