Me gustaria saber bien por que utilizamos el codigo abajo porque no estuvo muy claro
transform: translate(-50%, -50%);
y tambien para que sirve el vh - viewport?
Gracias
Me gustaria saber bien por que utilizamos el codigo abajo porque no estuvo muy claro
transform: translate(-50%, -50%);
y tambien para que sirve el vh - viewport?
Gracias
¡Hola Santiago!
El código "transform: translate(-50%, -50%);" se utiliza para centrar un elemento en la pantalla. La propiedad "translate" mueve el elemento en el eje X y Y, y los valores "-50%" indican que el elemento debe moverse hacia la mitad de su tamaño en ambas direcciones. Esto es útil cuando no sabemos el tamaño exacto del elemento que queremos centrar.
Por otro lado, la unidad "vh" (viewport height) se utiliza para definir la altura de un elemento en relación con el tamaño de la ventana del navegador. Por ejemplo, si definimos un elemento con "height: 50vh;", este ocupará el 50% de la altura de la ventana del navegador.
Espero que esto haya aclarado tus dudas. ¡Buenos estudios!