En esta clase el profesor coloca los códigos en un orden en el que por lo menos a mi no me funciono a la hora de guardar y refrescar la página, por lo tanto hice pruebas y moví de orden el productos.css de esta forma desde el .productos li{
.prodcutos li{ display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.5%; padding: 30px 20px; box-sizing: border-box; border: 2px solid black; border-radius: 10px; }
.prodcutos li:hover h2{ font-size: 33px; border-color: #c78c19; }
.prodcutos li:hover{ border-color: #c78c19; }
.prodcutos li:active{ border-color: #088c19; }
.prodcutos h2{ font-size: 30px; font-weight: bold; }
