<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS tables example rewritten as CSS grid</title>
    <style>
    html {
      font-family: sans-serif;
    }

    form {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-gap: 10px 5%;
      width: 508px;
      margin: 0 auto;
    }

    form label {
      grid-column: auto / span 2;
      text-align: right;
    }

    form input {
      width: 100%;
      grid-column: auto / span 3;
    }

    form p {
      gr