:root {
  --grid-cols: 1;
  --grid-rows: 1;
}

body {
  align-content: center;
  align-self: center;
  text-align: center;
  background-color: whitesmoke;
}

.cube {
  border: 1px solid #ddd;
  text-align: center;
}

.gridContainer {
  background-color: white;
  display: grid;
  grid-gap: 0;
  grid-template-rows: repeat(var(--grid-rows), 1fr);
  grid-template-columns: repeat(var(--grid-cols), 1fr);
  height: 100%;
  width: 100%;
}

.parentContainer {
  height: 600px;
  width: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -300px;
}