Делаю адаптацию для сайта, но не работают медиа запросы, поискал информацию в интернете, ничего не нашел. код css
<meta name="viewport" content="width=device-width, initial-scale=1"> вставил
код css
#login_placeII
{
background-color: white;
padding: 2em;
width: 25%;
height: 10em;
border-radius: 5px;
margin-left: 35%;
margin-top: -14em;
}
#login_place
{
background-color: white;
padding: 2em;
width: 25%;
height: 10em;
margin-top: 5%;
border-radius: 5px;
margin-right: 40%;
}
@media screen and (max-width: 700px) and (min-width: 350px)
{
#login_placeII
{
background-color: white;
padding: 2em;
width: 25%;
height: 10em;
border-radius: 5px;
}
#login_place
{
background-color: white;
padding: 2em;
width: 25%;
height: 10em;
margin-top: 5%;
border-radius: 5px;
}
}
html код
<center>
<div id="login_text">Sign Up</div>
<form method="POST" id="login_place">
<div class="login_logpass">username</div>
<input type="" name="" class="login_input"><br>
<div class="login_logpass">password</div>
<input type="password" name="" class="login_input">
<button id="login_button">Sign up</button>
</form>
</center>
<center>
<div id="login_placeII">
<div id="login_textII"></div>
<div id="login_text_signup">Already have an account?? Sign In!</div>
<a href="login"><button id="login_signin">Sign in</button></a>
</div>
</center>
В чем проблема? Заранее огромное спасибо
@media
не прописалиmargin-right: 40%;
- не значит что он исчезнет, т.к. применён вне@media
и действует по умолчанию – Ein 23 сен '20 в 15:23