Iota Css Example Code - Header HTML for those who are following along with the "Header" iota CSS Tutorial

index.html

<!-- ... -->
<!-- Header -->
<header class="u-bgcolor-purple u-color-white u-p-x3">
  <div class="o-container o-container--size-small">
    <div class="o-media o-media--middle o-media--res">
      <div class="o-media__fixed u-text-left u-text-center@sm">
        <img src="svg/logo.svg" alt="Logo" class="logo">
      </div>
      <div class="o-media__fluid u-text-center u-text-right@sm">
        <nav>
          <ul class="o-list o-list--inline o-list--gutter-x4">
            <li class="o-list__item"><a href="#">Dashboard</a></li>
            <li class="o-list__item"><a href="#">My Account</a></li>
            <li class="o-list__item"><a href="#">Sign Out</a></li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</header>
<!-- ... -->