18F/web-design-standards

  <div class="grid-row grid-gap">
    <div class="mobile-lg:grid-col-4">
      <h3 class="site-preview-heading margin-0">Unordered list</h3>
      <ul class="usa-list">
        <li>Unordered list item</li>
        <li>Unordered list item</li>
        <li>Unordered list item</li>
      </ul>
    </div>

    <div class="mobile-lg:grid-col-4 margin-top-4 mobile-lg:margin-top-0">
      <h3 class="site-preview-heading margin-0">Ordered list</h3>
      <ol class="usa-list">
        <li>Ordered list item</li>
        <li>Ordered list item</li>
        <li>Ordered list item</li>
      </ol>
    </div>

    <div class="mobile-lg:grid-col-4 margin-top-4 mobile-lg:margin-top-0">
      <h3 class="site-preview-heading margin-0">Unstyled list</h3>
      <ul class="usa-list usa-list--unstyled">
        <li>Unstyled list item</li>
        <li>Unstyled list item</li>
        <li>Unstyled list item</li>
      </ul>
    </div>
  </div>