p{
  color: pink;
}
.grid-container {
  display: grid;
  grid-template: 350px / auto auto auto;
  background-color: cyan;
  grid-template-columns: auto auto ;
  justify-content: center;
  color:blue;
}
.grid-container p{
color: black;
}
.grid-container1 {
  display: grid;
  grid-template: 500px / auto auto auto;
  background-color: blue;
  grid-template-columns: auto auto ;
  justify-content: center;
}

.grid-container2 {
  display: grid;
  grid-template: 100px / auto auto auto;
  background-color: red;
  grid-template-columns: auto auto ;
  justify-content: center;
}

.grid-container3 {
  display: grid;
  grid-template: 490px / auto auto auto;
  background-color: green;
  grid-template-columns: auto auto ;
  justify-content: center;
}

.grid-container4 {
  display: grid;
  grid-template: 500px / auto auto auto;
  background-color: blue;
  grid-template-columns: auto auto ;
  justify-content: center;
}

.grid-container5 {
  display: grid;
  grid-template: 600px / auto auto auto;
  background-color: red;
  grid-template-columns: auto auto ;
  justify-content: center;
}

.grid-container6 {
  display: grid;
  grid-template: 400px / auto auto auto;
  background-color:yellow;
  grid-template-columns: auto auto ;
  justify-content: center;
}

.grid-container7 {
  display: grid;
  grid-template: 250px / auto auto auto;
  background-color: purple;
  grid-template-columns: auto auto ;
  justify-content: center;
}

.grid-container8 {
  display: grid;
  grid-template: 200px / auto auto auto;
  background-color:cyan;
  grid-template-columns: auto auto ;
  justify-content: center;
}

.grid-container8 p{
  color: blue;
}
.grid-container9 {
  display: grid;
  grid-template: 250px / auto auto auto;
  background-color:burlywood;
  grid-template-columns: auto auto ;
  justify-content: center;
  color:blue;
}
.grid-container9 p{
  color: black;
}