<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>inthebones</title>
  <link rel="stylesheet" href="dist/css/inthebones.css">
  <style type="text/css">
  [class*='column-'] > p {
    background-color: #FFC2C2;
    padding: 0;
    margin: 0;
    text-align: center;
    color: white;
  }
  </style>
</head>
<div class="grid">
  <div class="grid__row">
    <div class="column-1">
      <p>column-1</p>
    </div>
    <div class="column-1">
      <p>column-1</p>
    </div>
    <div class="column-1">
      <p>column-1</p>
    </div>
    <div class="column-1">
      <p>column-1</p>
    </div>
    <div class="column-1">
      <p>column-1</p>
    </div>
    <div class="column-1">
      <p>column-1</p>
    </div>
  </div>
  <div class="grid__row">
    <div class="column-2">
      <p>column-2</p>
    </div>
    <div class="column-2">
      <p>column-2</p>
    </div>
    <div class="column-2">
      <p>column-2</p>
    </div>
  </div>
  <div class="grid__row">
    <div class="column-3">
      <p>column-3</p>
    </div>
    <div class="column-3">
      <p>column-3</p>
    </div>
  </div>
</div>

<body>
</body>

</html>

Test file for checking how the grid works
Test file for checking how the grid works
