</div>
</div>

<div class="bg-ink text-white site-section-dark">
  <div class="grid-container padding-top-6 padding-bottom-4">
    <div class="maxw-full">
      <h2 class="margin-bottom-4 margin-bottom-2 border-bottom padding-bottom-2">Reverse text examples</h2>
      <div class="grid-row grid-gap flex-align-stretch">
        {% for instance in site.data.sizes %}
          {% if instance.no_example != true %}
            <div class="tablet:grid-col-{{ instance.columns }} display-flex flex-column flex-justif