Witam,
Czy ktoś może mi pomóc rozwiązać problem z media queries? Nie mam pojęcia dlaczego nie działa ten kod. Poniżej wstawiam fragment kodu
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hello studio</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="container">
<ul class="navigation__list">
<li class="navigation__item"><a class="navigation__link" href="#">offer</a></li>
<li class="navigation__item navigation__item--right"><a class="navigation__link" href="#">photos</a></li>
<li class="navigation__item navigation__item--left"><a class="navigation__link" href="#">team</a></li>
<li class="navigation__item"><a class="navigation__link" href="#">contact</a></li>
</ul>
</nav>
.container{
width:80%;
max-width:60rem;
margin:0 auto;
}
.navigation__list{
display: flex;
padding: 2% 0;
justify-content: center;
}
.navigation__item{
text-align: center;
flex:1 1 20%;
}
@media only screen and(max-width:850px){
.container{
width:100%;
}
.navigation__list{
width:100%;
}
}