@media only screen and (min-device-width: 480px) {
  .grid-container { 
    display: grid; 
	grid-template-columns: auto auto; 
	padding:10px; 
  }

  .grid-container-p { 
    display: grid; 
	grid-template-columns: 
	auto auto auto; 
	background-color: #f74444; 
    padding:10px; 
  } 
  
  .grid-item {
    padding:10px;
  }
  
  .grid-item-p { 
    text-align: center; 
	font-size: 20px;
  } 
} 

@media only screen and (max-device-width: 480px) { 
  .grid-container { 
    display: grid; 
	grid-template-columns: 
	auto; padding:5px; 
  } 
  
  .grid-item { 
    margin:5px; 
  } 
  
  .grid-container-p { 
    display: grid; 
	grid-template-columns: auto; 
	background-color: #f74444; 
	padding:10px; 
  } 
  
  .grid-item-p { 
    text-align: center;
    font-size: 20px; 
  } 
}