#container
{
  display: grid;grid-template-columns: repeat(4,1fr);
  width: 85%;
  margin: auto;
}
@media(min-width:0px) and (max-width:575px)
{
    #container
    {
      display: grid;grid-template-columns: repeat(1,1fr);
    }
}
@media(min-width:576px) and (max-width:768px)
{
    #container
    {
      display: grid;grid-template-columns: repeat(2,1fr);
    }
}
@media(min-width:769px) and (max-width:991px)
{
    #container
    {
      display: grid;grid-template-columns: repeat(3,1fr);
    }
}
@media(min-width:992px) and (max-width:1199px)
{
    #container
    {
      display: grid;grid-template-columns: repeat(4,1fr);
    }
}