Solucionado
@media screen and (min-width: 768px) { /* Pantalla Tablet*/
.recetas{
padding: 5rem 0 0 2.5rem; */ Aqui esta parte se me dificulta comprender como son los cambios que hace osea estos 5 valores que estan pasando como estan posicionados*/
}
}
}
Hola Cristian, como estas?? Lo que hace padding es modificar el espacio que hay entre el borde y el contenido del elemento. hay 4 formas de modificar los espacios para todos los lados (derecha,izquierda,arriba,abajo): Uno: definir un valor unico en padding hace que se aplique lo mismo a los 4 lados. Dos: el primer valor definido se aplica a arriba y abajo, el segundo valor definido se aplica a derecha e izquierda. Tres: el primer valor definido se aplica a arriba, el segundo valor definido a derecha e izquierda y el tercer valor definido se aplica a abajo del elemento. Cuatro: el primer valor definido se aplica a arriba, el segundo valor definido se aplica a la derecha, el tercer valor definido se aplica a abajo y el cuarto valor definido se aplica a la izquierda. Se pueden utilizar varias unidades para definir el espacio(porcentaje,pixeles etc)
Hola Cristian,
la propiedad padding se utiliza para crear un espacio de relleno en todos los lados de un elemento (como un cuadrado).
Aquí se ejemplifica:
Para que comprendas cada valor debes saber que los parametros que recibe padding son: padding-top, padding-right, padding-bottom, padding-left. En ese orden exacto.
Por lo que para padding: 5rem 0 0 2.5rem significa: 5rem hacía arriba (top), 0 hacía la derecha (right), 0 hacía abajo (bottom) y 2.5rem hacía la izquierda (left).
Espero haber resuelto tu duda, saludos!