CodePen

HTML

            
              <aside>
  <ul>
    <li><a href="#"><img src="http://www.lorempixel.com/100/100/people/1" alt="sdasd" ></a></li>
    <li><a href="#"><img src="http://www.lorempixel.com/100/100/people/2" alt="sdasd" ></a></li>
    <li><a href="#"><img src="http://www.lorempixel.com/100/100/people/3" alt="sdasd" ></a></li>
    <li><a href="#"><img src="http://www.lorempixel.com/100/100/people/4" alt="sdasd" ></a></li>
    <li><a href="#"><img src="http://www.lorempixel.com/100/100/people/5" alt="sdasd" ></a></li>
  </ul>
</aside> 
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              aside {
  width: 260px;
  margin: 20px auto;
  background: #eee;
}

aside ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

aside ul li {
  float: left;
  margin: 10px 0 10px 20px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................