A Pen by Kyle Nichols-Schmolze.

index.html

<div class='container'>
  <div class='clearfix'>
    <div class='column blue-bg'>
      Some Content
    </div>
    <div class='column green-bg'>
      Some Content
    </div>
    <div class='column pink-bg'>
      Some Content
    </div>
  </div>
</div>

rLogf.markdown

rLogf

Forked from Secret Sam's Pen vBlKe.

A Pen by Kyle Nichols-Schmolze on CodePen.

License.

style.css

.container {
  width: 800px;
  margin: 10px auto;
  background-color: #eee;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #999;
}

.column {
  width: 33.3333333%;
  float: left;
  padding: 20px 0;
  text-align: center;
}

@media (max-width: 700px) {
  .column {
    width:100%;
  }
}

.blue-bg {
  background-color: rgb(178, 178, 255);
}

.pink-bg {
  background-color: rgb(255, 207, 207);
}

.green-bg {
  background-color: rgb(170, 229, 184);
}





.clear {
	clear: both;
}

/* Clear fix hack */
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}