CodePen

HTML

            
              <div>
                        
  <ul class="slides">
    <li>
      <img src="http://static.themetapicture.com/media/funny-hot-girl-slide-to-unlock-shirt.jpg" />
    </li>
    
  </ul>
             
</div><!-- end of carousel -->

<script>


</script>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              *{margin:0; padding:0;}
div{width:80%; margin:0 auto;}
img{width:100%}
.slides{height:20em;overflow:hidden;}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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