.parent {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-template-rows: repeat(4, 1fr);
    gap: 7px;
    padding: 10px;   
    
}
.div13 {    
   display: grid;
  
   justify-content: center;
    
}

/*.parentguardar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 8px;   
    place-items: center; /* Centra en ambas direcciones 
 
}*/
    
input::placeholder {
  color: rgb(228, 229, 234);
  font-style: italic;
  font-size: 12px;
}

.parent2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
}
    

.div2-2 {
    grid-row-start: 2;
    margin: 0 auto;
}

.div12{
    display: grid;
    margin: 0 auto;
    
}

.contenedor {
    max-width: 95%;
    margin: 0 auto;
}

.contan{
    max-width: 100%;
    margin: 0 auto;
}

 .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    padding: 20px;
  }