Buenas, ¿alguien sabe por qué no me funciona el media query?
HTML:
CSS:
HTML:
HTML:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Mi web</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav>
<a href="#" class="nav-enlace">Inicio</a>
<a href="#" class="nav-enlace">Nosotros</a>
<a href="#" class="nav-enlace">Servicios</a>
<a href="#" class="nav-enlace">Contacto</a>
</nav>
</body>
</html>CSS:
CSS:
.nav-enlace{
background: salmon;
color:#fff;
padding:10px 30px;
display:inline-block;
text-decoration: none;
}
nav{
background: rebeccapurple;
padding: 10px;
display: flex;
justify-content: space-around;
}
.nav-enlace:hover{
background: #d8b9c3;
}
@media (max-width: 600px) {
nav{
background: black;
}
}
