Al crear la clase caja esta no es responsive. Por que?
Al crear la clase caja esta no es responsive. Por que?
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">© Copyright Barbería Alura - 2020</p>
</footer>
</body>
</html>