@media (min-width: 992px) and (max-width: 1199px) {/*это ты типа говоришь браузеру "эй бро браузер
я хочу при размере экрана от 992px до 1199px вот такие правила:" и пишешь ниже css код для следующих дивов*/
.div1 {
width: 200px;
height: 100px;
}
.div2 {
width: 200px;
height: 100px;
background-color: #000;
}
}/*здесь заканчивается запрос и ниже начинаешь писать другой запрос*/
@media (min-width: 768px) and (max-width: 991px) {/*тут ты снова обращаешься к браузеру и как буд то
говоришь ему "а вот при размере экрана от 768px до 991px я хочу для тех же дивов другие правила (т.е. др. css код)" и пишиш другой код*/
.div1 {
width: 150px; /*допустим меняешь ширину*/
height: 100px;
}
.div2 {
width: 200px;
height: 100px;
background-color: #353535; /*меняешь цвет можно что у годно сделать и даже отключить див прописав ему display: none;*/
}
}.cloud__tag{
display: inline-block;
position: absolute;
top: 50px;
left: 70px;
margin: auto;
border-radius: 5px;
background: #006BCC;
margin-bottom: 15px;
}