<main>
  <div class="cdt-container">
    <div class="cdt-row">
      <div class="cdt-1"></div>
      <div class="cdt-6">
        <div class="cdt-list">
          <header>
            List header (Optional)
          </header>
          <ul>
            <li>
              <div class="cdt-list-item">
                <span class="avatar">
                  Avatar (Optional)
                </span>
                <div class="item">
                  list item
                </div>
                <div class="extra">Extra (Optional)</div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</main>