Alguien sabe como hago para centrar la imagen? las dimensiones responsive estan perfectas pero al haerla para el movil se recorta la imag...

Pregunta de la clase:
Finalizando el proyecto
Néstor Raúl Guzmán Díaz

Néstor Raúl Guzmán Díaz

Pregunta
studenthace 5 años

Alguien sabe como hago para centrar la imagen? las dimensiones responsive estan perfectas pero al haerla para el movil se recorta la imagen no he podido centrarla para que se vea bien. y alguien sabe como hacer para que el bloque de noticias destacadas quede debajo de esta seccion

![](responsive.JPG

2 respuestas
para escribir tu comentario
    Néstor Raúl Guzmán Díaz

    Néstor Raúl Guzmán Díaz

    studenthace 5 años

    Hola David gracias por tu ayuda exactamente esa es parte de la solución, faltaba también agregar las propiedades, object-fit:cover y height: 100vh y queda perfecta la imagen.

    Jesus David Duarte

    Jesus David Duarte

    studenthace 5 años

    Hay muchas posibles soluciones para resolver este dilema, te recomendaria que pongas la imagen dentro de una etiqueta puede ser <figure> o simplemente un <div> y la imagen adentro te doy un ejemplo

    <figure> <img hrf="../ruta_de_tu_imagen'> </figure> defines las dimensiones de la imagen con el figure como padre y el hijo que en este caso seria la etiquta img le pones que su width sea del 100% de su padre y con eso deberia funcionar espero que te sirva
Curso de Preprocesadores CSS

Curso de Preprocesadores CSS

Los preprocesadores extienden las características de HTML y CSS promoviendo la escritura de código reutilizable y modular. Conoce la sintaxis, características e implementación de un preprocesador de HTML y CSS. Elabora plantillas modulares de páginas HTML con PUG. Utiliza los tres principales preprocesadores de CSS: Sass, Less y Stylus y decide cuál se ajusta mejor a tu flujo de trabajo.

Curso de Preprocesadores CSS

Curso de Preprocesadores CSS

Los preprocesadores extienden las características de HTML y CSS promoviendo la escritura de código reutilizable y modular. Conoce la sintaxis, características e implementación de un preprocesador de HTML y CSS. Elabora plantillas modulares de páginas HTML con PUG. Utiliza los tres principales preprocesadores de CSS: Sass, Less y Stylus y decide cuál se ajusta mejor a tu flujo de trabajo.