<!DOCTYPE>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.column {  float: left;  width: 33.33%;  padding: 15px; }

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

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

</style>
</head>
<body>


<div class="row">
  <div class="column">
    <h2>Column</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque 
ultricies, eget elementum magna tristique. Quisque vehicula, risus eget 
aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in 
velit. Praesent scelerisque tortor sed accumsan convallis.</p>
  </div>
  
  <div class="column">
    <h2>Column</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque 
ultricies, eget elementum magna tristique. Quisque vehicula, risus eget 
aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in 
velit. Praesent scelerisque tortor sed accumsan convallis.</p>
  </div>
  
  <div class="column">
    <h2>Column</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque 
ultricies, eget elementum magna tristique. Quisque vehicula, risus eget 
aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in 
velit. Praesent scelerisque tortor sed accumsan convallis.</p>
  </div>
</div>

</body>
</html>
