main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

.one {
  grid-column: 1;
  grid-row: 1;
}
.two {
  grid-column: 2;
  grid-row: 1;
}
.three {
  grid-column: 3;
  grid-row: 1;
}
.four {
  grid-column: 1;
  grid-row: 2;
}
.five {
  grid-column: 2;
  grid-row: 2;
}
.six {
  grid-column: 3;
  grid-row: 2;
}
.seven {
  grid-column: 1;
  grid-row: 3;
}
.eight {
  grid-column: 2;
  grid-row: 3;
}
.hoog{
  grid-column: 3;
  grid-row: 3/5;
}

.breed {
  grid-column: 1/3;
  grid-row: 4;
}

@media screen and (max-width: 1000px) {
  .one {
    grid-column: 1/3;
    grid-row: 1;
  }
  .two {
    grid-column: 3/3;
    grid-row: 1;
  }
  .three {
    grid-column: 1/3;
    grid-row: 2;
  }
  .four {
    grid-column: 3/3;
    grid-row: 2;
  }
  .five {
    grid-column: 1/3;
    grid-row: 3;
  }
  .six {
    grid-column: 3/3;
    grid-row: 3;
  }
  .seven {
    grid-column: 1/3;
    grid-row: 4;
  }
  .eight {
    grid-column: 3/3;
    grid-row: 4;
  }
  .hoog{
    grid-column: 1/3;
    grid-row: 4/6;
  }
  .breed{
    grid-column: 3/3;
    grid-row: 5;
  }


}

@media screen and (max-width: 600px) {
  .one {
    grid-column: 1/4;
    grid-row: 1;
  }
  .two {
    grid-column: 1/4;
    grid-row: 2;
  }
  .three {
    grid-column: 1/4;
    grid-row: 3;
  }
  .four {
    grid-column: 1/4;
    grid-row: 4;
  }
  .five {
    grid-column: 1/4;
    grid-row: 5;
  }
  .six {
    grid-column: 1/4;
    grid-row: 6;
  }
  .seven {
    grid-column: 1/4;
    grid-row: 7;
  }
  .eight {
    grid-column: 1/4;
    grid-row: 8;
  }
  .hoog{
    grid-column: 1/4;
    grid-row: 9;
  }
  .breed{
    grid-column: 1/4;
    grid-row: 10;
  }


}

#validatie img {
    height: 2em;
    width: auto;
    border: 0;
    margin: 0 .3em;
}