<!DOCTYPE html>
<html>
  <head>
    <title>Example 35</title>
    <meta charset="utf-8">
    <style>
    body {
      margin: 40px;
    }

    .box {
      background-color: #444;
      color: #fff;
      border-radius: 5px;
      padding: 20px;
      font-size: 150%;
    }

    .box:nth-child(even) {
      background-color: #ccc;
      color: #000;
    }

    	.wrapper {
    		display: grid;
        border:1px solid #000;
        grid-gap: 10px;
    		grid-template-columns: repeat(auto-fill, minmax(100px,1