figure{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 3fr 3fr 3fr;;
  grid-column-gap: 0vmin;
  grid-row-gap: 0vmin;
  width: 80vmin;
  height:60vmin;
  margin: 2vmin auto 2vmin auto;
  border:solid 1vmin #efefef;
  background-color: #efefef;
}

figure div:nth-child(1){
  background-color: black;
}

figure div:nth-child(2){
  background-color: rgb( 53, 89, 174);
}

figure div:nth-child(3){
  background-color: rgb( 230, 210, 119);
}
  
figure div:nth-child(4){
  background-color: rgb( 224, 216, 205);
  }

figure div:nth-child(5){
  background-color: rgb( 32, 38, 63);
  }

figure div:nth-child(6){
    background-color: rgb( 173, 47, 67);
}

figure div:nth-child(7){
  background-color: rgb( 41, 41, 41);
}

figure div:nth-child(8){
  background-color: rgb( 43, 70, 112);
}

figure div:nth-child(9){
  background-color: rgb( 76, 139, 174);
}