Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

No esta siendo responsive

Al crear la clase caja esta no es responsive. Por que?

2 respuestas

Hola Alberto!

Es necesario que compartas tu codigo para ayudarte o disipar tus dudas, aqui te dejo un tutorial: https://youtu.be/tevEdARFxGU

Saludos ! :-)

DOCTYPE html>
<html>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <head>
        <meta charset="UTF-8">
        <title>Contacto - Barbería Alura</title>
        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <header>
            <div class="caja">
                <h1><img src="imagenes/logo.png"></h1>
                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="productos.html">Productos</a></li>
                        <li><a href="contacto.html">Contacto</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <main>
            <form>
                <label for="nombreapellido">Nombre y Apellido</label>
                <input type="text" id="nombreapellido">

                <label for="correoelectronico">Correo Electronico</label>
                <input type="text" id="correoelectronico">

                <label for="telefono">Telefono</label>
                <input type="text" id="telefono">

                <label for="Mensaje">Mensaje</label>
                <textarea cols="70" rows="10" id="Mensaje"></textarea>

                <div>
                <p>Como le gustaria que lo contactemos?</p>

                <label for="radio-email">Email</label>
                <input type="radio" name="Contacto" value="Email" id="radio-email">

                <label for="radio-Telefono">Telefono</label>
                <input type="radio" name="Contacto" value="Telefono" id="radio-Telefono">

                <label for="radio-Whatsapp">Whatsapp</label>
                <input type="radio" name="Contacto" value="Whatsapp" id="radio-Whatsapp">
                </div>
                <label><input type="checkbox">Le gustaria recibir novedades de la barberia Alura?</label>
                <input type="submit" value="Enviar Formulario">
            </form>
        </main>
        <footer>
            <img src="imagenes/logo-blanco.png">
            <p class="copyright">&copy Copyright Barbería Alura - 2020</p>
        </footer>
    </body>
</html>