CustomContainer.css

/* Material-UI like container */
.CustomContainer {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}

@media screen and (min-width: 768px) {
  .CustomContainer {
    padding-right: 24px;
    padding-left: 24px;
  }
}

@media screen and (min-width: 1216px) {
  .CustomContainer {
    max-width: 1216px;
  }
}



/* ANOTHER WAY */
.CustomContainer {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1216px;
}

@media screen and (max-width: 768px) {
  .CustomContainer {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}

@media screen and (max-width: 1216px) {
  .CustomContainer {
    max-width: none !important;
  }
}