CodePen

HTML

            
              <div class="wrap">

				    <div class="col-1-4">
				     	<div class="work">
				     		<div class="thumbnail">
				     			<img src="http://i.imgur.com/8zCx6.jpg">
				     		</div>
				     		<p>test</p>
				      	</div>
				    </div>

				    <div class="col-1-4">
				     	<div class="work">
				     		<div class="thumbnail">
				     			<img src="http://i.imgur.com/8zCx6.jpg">
				     		</div>
				     		<p>test</p>
				      	</div>
				    </div>

				    <div class="col-1-4">
				     	<div class="work">
				     		<div class="thumbnail">
				     			<img src="http://i.imgur.com/8zCx6.jpg">
				     		</div>
				     		<p>test</p>
				      	</div>
				    </div>
              
                 <div class="col-1-4">
				     	<div class="work">
				     		<div class="thumbnail">
				     			<img src="http://i.imgur.com/8zCx6.jpg">
				     		</div>
				     		<p>test</p>
				      	</div>
				    </div>
                   
                      <div class="col-1-4">
				     	<div class="work">
				     		<div class="thumbnail">
				     			<img src="http://i.imgur.com/8zCx6.jpg">
				     		</div>
				     		<p>test</p>
				      	</div>
				    </div>

				    <div class="col-1-4">
				     	<div class="work">
				     		<div class="thumbnail">
				     			<img src="http://i.imgur.com/8zCx6.jpg">
				     		</div>
				     		<p>test</p>
				      	</div>
				    </div>
				</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              *, *:after, *:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.wrap {
  margin: 10px auto;
  width: 95%;
}

.wrap:after {
  content: "";
  display: table;
  clear: both;
}


[class*='col-'] {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}


.col-1-4 {
  width: 25%;
}

.work {
  background: grey;
  box-shadow: 0 0 5px rgba(black , 0.2);
  padding: 10px;
  margin-bottom: 10px;
  .thumbnail {
  	background: red;
  	img {
		max-width: 100%;
		height: auto !important;
	}
  }
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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