Juan David Silva Pinilla
Preguntastudent•hace 5 años
no me aparece el icono cuando pego el link, alguien me podría ayudar, gracias!!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Google Clone</title> <link rel="stylesheet" href="./style.css"> </head> <body> <header> <nav> <ul class="nav-rigth-section"> <li> <a href="">Gmail</a> </li> <li> <a href="">Imagenes</a> </li> <li class="menu-icon"> <a href="">Icon</a> </li> <li> <a href="">Photo</a> </li> </ul> </nav> </header> </body> </html>
body { padding: 0; margin: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; } a { text-decoration: none; cursor: pointer; } header { width: 100%; height: 60px; } header nav { display: flex; justify-content: flex-end; } header nav .nav-rigth-section { width: 250px; height: auto; display: flex; list-style: none; justify-content: center; align-items: center; } nav .nav-rigth-section a{ margin-right: 10px; color: #000000; } nav .nav-rigth-section .menu-item{ background-image:url("https://static.thenounproject.com/png/756729-200.png"); background-repeat: no-repeat; background-position: center; background-size: contain; width: 25%; height: 25%; }```
Juan Christopher
student•hace 4 años
Ademas de que pegas todas las clases... Eso es una muy mala practica, debes de separar las clases individuales. Y no pegarlas como si fuera una sola.
John Cardenas
student•hace 5 años
¡Hola! Estás llamando a la clase
.menu-item .menu-icon
