Bymas | вопрос о @media

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

css

   .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)
Скачиваний: 150

  
 .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

php

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

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