Не срабатывает медиазапрос

@inquisitor · Регистрация: 22.12.2015

Author24 — интернет-сервис помощи студентам

CSS

.Golg{
/*   margin-top: -75px; */
  font-size: 110px;
  font-family: "Merriweather";
  color: #ffca28;
  line-height: 1.636;
  text-align: center;
}
 
 
 
@media screen and (min-width: 1366px) and (max-width: 1920px)
{
    .Gold {
       margin-top: 40px;
       font-size: 96px;
       color:red;
    }
    
}
 
@media screen and (min-width: 980px) and (max-width: 1365px){ 
 
    .Gold {
       margin-top: 40px;
       font-size: 96px;
       color:blue;
    }
    
 }

HTML5

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" rel="stylesheet" href="CSS/normalize.css" />
    <link type="text/css" rel="stylesheet" href="CSS/s_proverka.css" />
    <title>Home</title>
</head>
<body>
 
<p class="Golg">Golg Buyer Brokers</p>
 
</body>
</html>

@shvyrevvg · 03.09.2018, 13:27

scherbakovss201, все срабатывает. P.S. Опечатка в названии класса .Golg

@shvyrevvg 1786 / 1036 / 445 Регистрация: 12.05.2016 Сообщений: 2,550
	03.09.2018, 13:27	2
	Сообщение было отмечено scherbakovss201 как решение Решение scherbakovss201, все срабатывает. P.S. Опечатка в названии класса .Golg 1

Не срабатывает медиазапрос

Решение