Fernando Leal
Preguntastudent•hace 5 años
Una duda, cuando pongo el display:flex en el menú profile me desaparece el logo de inicio y no entiendo porque…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>App</title> <link href="https://fonts.googleapis.com/css2?family=Muli:wght@700&display=swap" rel="stylesheet"> </head> <style> body{ margin: 0; background-color: #8f57fd; font-family: 'Muli', sans-serif; color: white; text-decoration: none; } .header{ background-color: #8f57fd; width: 100%; height: 80px; display: flex; justify-content: space-between; } .header__img{ width: 250px; margin-top: 2px; margin-left: 20px; } .header__menu{ margin-right: 30px; } .header__menu li{ margin: 10px 0px; } .header__menu li a{ color: white; text-decoration: none; } .header__menu ul{ display: none; list-style: none; padding: 0px; position: absolute; text-align: right; margin: 0px 0px 0px -14px; } .header__menu:hover ul, ul:hover{ display: block; } .header__menu--profile{ display: flex; margin-right: 60px; margin-top: 50px; width: 40px; } </style> <body> <header class="header"> <img class="header__img" src="PlatziVideo/logo-platzi-video-BW2.png" alt="logo de platzi"/> <div class="header__menu"> <div class="header__menu--profile"> <img src="PlatziVideo/user-icon.png" alt="perfil"> <h2>Perfil</h2> </div> <ul> <li><a href="/">Cuenta</a></li> <li><a href="/">Cerrar Sesión</a></li> </ul> </div> </header> </body> </html>
Santiago Ríos
student•hace 5 años
Hola, lo que debes hacer es quitarle el
width: 40px.header__menu--profile{ display: flex; margin-right: 60px; margin-top: 50px; /*width: 40px;*/ }
