¿Creen que esté mal maquetado? Lo hice antes de ver la clase pero me gustaría saber, por ejem si son aceptables varias formas de maquetac...

Obed Paz

Obed Paz

Pregunta
studenthace 5 años

¿Creen que esté mal maquetado?

Lo hice antes de ver la clase pero me gustaría saber, por ejem si son aceptables varias formas de maquetación o la del profesor es la correcta.

<main> <figure> <img src="./img/googlelogo_color.png" alt="Logo de Google"> </figure> <div class="input-container"> <figure> <img src="./img/loupe.png" alt="Loupe Icon"> </figure> <input type="text"> <figure> <img src="./img/microphone.png" alt="Microphone Icon"> </figure> </div> <div class="buttons-container"> <button>Google Search</button> <button>I'm Feeling Lucky</button> </div> <p>Google offered in: <a href="https://www.google.com/">Español (Latinoamérica)</a></p> </main>
4 respuestas
para escribir tu comentario
    Stalin Badillo

    Stalin Badillo

    studenthace 4 años

    Hola , yo tengo un código similar . Tenía la misma duda ya que en el curso de html y css definitivo habían esas estructuras

    Francisco Javier Solis Martinez

    Francisco Javier Solis Martinez

    studenthace 4 años

    Tal vez el uso de picture en lugar de figure, pero si concuerdo que hay diferentes formas de hacerlo, aunque siempre hay que tratar de usar la semantica de html.

    Juan Pablo Celiz

    Juan Pablo Celiz

    studenthace 5 años

    ¡Hola! Lo veo perfecto, tal vez, como dice el compañero se pueda llegar a sugerir el cambio de los figure en el input, pero así está bien.

    Obed Paz

    Obed Paz

    studenthace 5 años

    Aunque creo que el figure en el input si esta demás, ya que solo es un único de decoración, no es una imagen como tal, le pondré el span como el profesor.

    <main> <figure> <img src="./img/googlelogo_color.png" alt="Logo de Google"> </figure> <div class="input-container"> <span> <img src="./img/loupe.png" alt="Loupe Icon"> </span> <input type="text"> <a href=""> <img src="./img/microphone.png" alt="Microphone Icon"> </a> </div> <div class="buttons-container"> <button>Google Search</button> <button>I'm Feeling Lucky</button> </div> <p>Google offered in: <a href="https://www.google.com/">Español (Latinoamérica)</a></p> </main>
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.