мне надо что бы банер изчезал при сворачивании браузера, или сделать так что бы он стоял на месте с правой стораны экрана,
когда я сжимаю браузер, банер наезжает на другие дивы сайта

 .baners-info

       {

       white-space: nowrap;

       z-index:100;

     box-shadow:4px 4px 10px rgba(0,0,0,0.06);

       font-size:14px;

       color:rgb(152,152,152);

       border-radius:13px;

       padding: 30px 22px 12px;

       text-align:center;

       margin:5px;

       top:0px;

       right:0;

       position:absolute;

       width:200px;

       height:100px;

       background: #fff;

       

       }

       media screen (max-width: 100px) {

 .baners-info {

 display: none;

 }

 }

Изображение

------
81165_ifdFOMsZvSs.jpg (340.7 Kb)
Скачиваний: 136


.baners-info
{
white-space: nowrap;
z-index:100;
box-shadow:4px 4px 10px rgba(0,0,0,0.06);
font-size:14px;
color:rgb(152,152,152);
border-radius:13px;
padding: 30px 22px 12px;
text-align:center;
margin:5px;
top:0px;
right:0;
position:absolute;
width:200px;
height:100px;
background: #fff;
display: none
}
media screen and (min-width:768px) { /* К примеру, для планшетов */
.baners-info {
display: block
}
}

________
посл. ред. 25.02.2022 в 14:31; всего 1 раз(а); by Sphinx

Sphinx, не помогло,

155876556, отредактировал, об одном свойстве забыл просто.

Sphinx, ну не . display:none; иночально скрывает элементы , мне нужно что бы он изчезал когда экран сворачивался в определенным масштабом

155876556, с анимацией чтоли и постепенным исчезновение посредством применения прозрачности к блоки ?

Вместо display: block поставь display: none

media screen and (min-width:768px) { /* К примеру, для планшетов */

 .baners-info {

 display: none

 }

 }

Artem32, disply:none; изначально стояло, не помогает