bNaoyJ

bNaoyJ.markdown

bNaoyJ

A Pen by co0kie on CodePen.

License.

index.html

<header>
  
  <div class="logo">
    <a href="#" title=""><img src="http://placehold.it/150x150" alt=""></a>
  </div>
  
  <nav>
    <ul>
      <li><a href="#" title="">Lorem</a></li>
      <li><a href="#" title="">Lorem</a></li>
      <li><a href="#" title="">Lorem</a></li>
      <li><a href="#" title="">Lorem</a></li>
      <li><a href="#" title="">Lorem</a></li>
    </ul>
  </nav>
  
</header>

style.css

/* reset */
ul{
  list-style: none;
  margin: 0;
  padding: 0
} 
a{
  color: #fff;
  text-decoration: none
}
/* reset:end */

header{
  background-color: #000;
  overflow: hidden;
  padding: 8px
}

@media only screen and (min-width: 768px){
  .logo{
    float: left;
    margin-right: 20px;
  }
  nav li{
    float: left;
    margin-right: 10px
  }
}