title: Clickable tiles with CSS Grid
body: <p>I want to create clickable tiles for a content area. To realize this I wanted to use CSS Grid and make the individual areas clickable.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  
  &lt;style class="cp-pen-styles"&gt;
  body {
    margin: 40px;
  }
  
  .wrapper {
    display: grid;
    grid-template-columns: 100px 100px 100px;
    grid-gap: 10px;
    background-color: #fff;
    color: #444;
  }
  
  .box {
    background-color: #444;
    color: #fff;
    border-radius: 5px;
    padding: 20px;
    font-size: 150%;
  }&lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="wrapper"&gt;
    &lt;div class="box a"&gt;A&lt;/div&gt;
    &lt;div class="box b"&gt;B&lt;/div&gt;
    &lt;div class="box c"&gt;C&lt;/div&gt;
    &lt;div class="box d"&gt;D&lt;/div&gt;
    &lt;div class="box e"&gt;E&lt;/div&gt;
    &lt;div class="box f"&gt;F&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I understand that I could put a link in the individual cells, but maybe it is possible to click the single cell as a whole ? </p>