

.test-simple{
   display:grid;
   grid-template:repeat(2,auto)/repeat(2,auto);
   /*Justify-items: center;*/
   grid-template-columns:1fr,5fr;
   /*grid-template-columns:150px auto*/
}


.test-simple-alt{
   display:grid;
   grid-template:repeat(2,auto)/repeat(2,auto);
   grid-template-columns:1fr,5fr;
}


.test-repeat{
   display:grid;
   grid-template:repeat(4,auto)/repeat(4,auto);
   Justify-items: center;
}
.test-gap{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   row-gap:2em ;
   colone-gap:0.5em;
}


.test-gap-alt{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   grid-gap:4px;
}



.test-justify-items{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   Justify-items: center;
}


.test-justify-start{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   Justify-items: start;
}


.test-justify-end{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   Justify-items: end;
}


.test-align-items{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   align-items: center;
   height:;
}


.test-align-items-start{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   align-items: start;
}


.test-align-items-end{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
  align-items: end;
}


.test-align-items-stretch{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   align-items: stretch;
}


.test-justify-content-center{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   justify-content:center;
}


.test-justify-content-start{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   justify-content:start;
}


.test-justify-content-end{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   justify-content:end;
}


.test-justify-content-between{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   justify-content:between;
}


.test-justify-content-around{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   justify-content:arround;
}


.align-content-center{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   align-content:center;
}


.align-content-start{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   align-content:start;
}


.align-content-end{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   align-content:end;
}


.align-content-space-between{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
  align-content:space-between;
}


.align-content-space-around{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   align-content:space-around;
}


.align-content-space-evenly{
   display:grid;
   grid-template:repeat(3,auto)/repeat(4,auto);
   align-content:space-evenly;
}


/*.test-justify-items-center{*/
/*   display:grid*/
/*   grid-template:repeat(3,auto)/repeat(4,auto);*/
/*   Justify-items: center;*/
/*}*/


/*.test-justify-items-center{*/
/*   display:grid*/
/*   grid-template:repeat(3,auto)/repeat(4,auto);*/
/*   Justify-items: center;*/
/*}*/

