Cuando quito el icon dentro del html la imagen desaparece <code>body{ margin: 0; padding: 0; font-size: 13px; font-fa...

Mauricio Moreno Morales

Mauricio Moreno Morales

Pregunta
studenthace 5 años

Cuando quito el icon dentro del html la imagen desaparece

body{ margin: 0; padding: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; } /* -------------------Header------------------- */ header{ display: flex; width: 100%; height: 60px; flex-direction: row-reverse; align-items: center; } header nav ul li{ display: inline; margin: 0 15px; } a{ color: black; text-decoration: none; } .menu-icon{ background-image: url('https://static.thenounproject.com/png/198752-200.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 25px; height: 25px; }
2 respuestas
para escribir tu comentario
    Pablo Guel

    Pablo Guel

    studenthace 5 años

    Ponle un padding por que en si el body tiene 0 un padding quiza de 15px o 10 px.

    Wandy Rafael Santana Evangelista

    Wandy Rafael Santana Evangelista

    studenthace 5 años

    Revisa que le estes asignando la clase menu-icon algun elemento para que veas los cambios y que el fondo sea blanco asi haga contraste.

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.