En este vídeo de la Zona Código aprenderás a centrar tus imágenes tanto de forma horizontal como vertical.
A veces resulta complicado centrar elementos, sobre todo de forma vertical. Así te voy a enseñar algunas técnicas en la que podrás hacerlo fácilmente con css.
Ejemplo visto en el vídeo para centrar una imagen en vertical y horizontalAnteriormente vimos una guía sobre cómo centrar horizontalmente cualquier tipo de elemento. En este caso nos centraremos en las imágenes y añadiremos la posibilidad de hacerlo en vertical.
Vídeo: Centrar una imagen vertical y horizontalmente
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Código para centrar imágenes completamente
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Conclusión
Creando estas dos sencillas clases puedes centrar completamente las imágenes que quieras.
Y recuerda que, aunque el ejemplo está hecho con una imagen, el código visto te servirá para centrar cualquier parte de web.