Ola, estou desenvolvendo um site sozinha para testar o que estou aprendendo, porem a media query nao quer funcionar de nenhum jeito.
HTML
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<title>Drive Woman's</title>
<link rel="icon" href="img/car.png">
</head>
<body>
<ul class="nav justify-content-end fixed">
<li class="nav-item">
<a class="nav-link" href="#">Sobre Nós</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contato</a>
</li>
</ul>
<script src="bootstrap/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>CSS
/* menu */
.nav {
padding: 1em;
background-color: #2D283E;
border-bottom: 3px solid #E64398;
}
.nav li {
border: 1px solid #fff;
border-radius: 5px;
margin-left: .5em;
}
.nav li a {
color: #fff;
}
.nav li a:hover {
background-color: #fff;
color: #2D283E;
}
@media (max-width: 480px) {
.nav li a {
font-size: 5em;
}
}
