(Ayuda CSS) No me aparece el logo, mi código para desktop es: <code>.login-button { margin-top:14px; } @media (max-width: 640px) { ...

Daniela Maissi

Daniela Maissi

Pregunta
studenthace 3 años

(Ayuda CSS) No me aparece el logo, mi código para desktop es:

.login-button { margin-top:14px; } @media (max-width: 640px) { .logo { display:block; } }

Mi código para desktop es:

.logo { width:250px; border-radius: 7px; margin-bottom: 48px; justify-self: center; display:none;
3 respuestas
para escribir tu comentario
    Héctor Eduardo López Carballo

    Héctor Eduardo López Carballo

    studenthace 3 años

    ¡Hola!

    También tu CSS completo por favor

    Daniela Maissi

    Daniela Maissi

    studenthace 3 años
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap" rel="stylesheet"> <title>My first App</title> </head> <body> <div class="login"> <div class="form-container"> <img src="images/logo.jpg" alt="Logo" class="logo"> <h1 class="title">Create a new password</h2> <p class="sub-title">Enter a new password for your account</p> <form action=""> <label for="password" class="label">Password</label> <input type="password" id="password" placeholder="enter your password" class="input"> <label for="confirm-password" class="label">Password</label> <input type="password" id="confirm-password" placeholder="confirm your password" class="input"> <input type="submit" value="CONFIRM" class="primary-button"> </form> </div> </div> </body> </html> Aquí está el código HTML
    Héctor Eduardo López Carballo

    Héctor Eduardo López Carballo

    studenthace 3 años

    ¡Hola!

    Posiblemente tienes un typo en el html. Podrías compartir tu código completo, por favor?

Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.

Curso Práctico de Frontend Developer
Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.