Media queries nie działa

pytanie zadane 14 listopada 2018 w HTML i CSS przez Uzytkowniczka Nowicjusz (220 p.)
zamknięte 14 listopada 2018 przez Uzytkowniczka

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%;
    }  
}

komentarz zamknięcia: brakowało spacji, problem rozwiązany

3 odpowiedzi

odpowiedź 14 listopada 2018 przez arces Pasjonat (17,700 p.)
wybrane 14 listopada 2018 przez Uzytkowniczka

Najlepsza

Pomiędzy "and" a nawiasem powinieneś mieć spację

@media only screen and (max-width:850px){

komentarz 14 listopada 2018 przez Uzytkowniczka Nowicjusz (220 p.)

Faktycznie. Działa. Dziękuję!

odpowiedź 14 listopada 2018 przez WireNess Stary wyjadacz (11,240 p.)

1. Otwierasz plik normalnie w przeglądarce czy korzystasz z serwera lokalnego typu XAMPP?

2. Z jakiej przeglądarki korzystasz?

3. Czy w innych przeglądarkach to działa?

4. Czy po usunięciu "only screen and" działa?

5. Czy po kliknięciu F12 w stylach pokazuje media queries?

komentarz 14 listopada 2018 przez Uzytkowniczka Nowicjusz (220 p.)

Plik otwieram normalnie w przeglądarce, nie korzystam z serwera lokalnego/zewnętrznego. Korzystam z Google Chrome i Firefox. W obu przeglądarkach w konsoli w stylach pokazuje media queries. I niestety po usunięciu "only screen and" również nie działa..