Bymas | как скрыть элемент?

всем привет, хочу что вот скрыть баннер для телефонов. прописал так , не помогает может я что то не правильно делаю ?((

css

   @media screen and (min-width:368px) { /* К примеру, для планшетов */ .conent-fends  .head-frends .block-frends{ display:none; } }

________
посл. ред. 12.08.2022 в 19:45; всего 1 раз(а); by 155876556

css

   @media all and (max-width: 368px){ .conent-fends  .head-frends .block-frends{  display:none;  } }

пробовал еще так, тоже не фига

css

   @media only screen and (min-device-width : 320px) and (max-device-width : 480px){ .conent-fends .block-frends .head-frends{ display: none; }}

xynd3r , да, я уже пробовал

css

   @media (max-width:768px) {   .conent-fends  .head-frends .block-frends{  display:none;  }  }

________
посл. ред. 12.08.2022 в 20:00; всего 1 раз(а); by Galtsev.T

xynd3r , ааа тю я туплю , попробовал твой код. всеравно нефига,
вот не знаю я пробую уменьшать размер через консоль в браузере, или оно там не работает ?

или только через телефон проверить можно?

155876556 , Через инструменты разраба в браузере проверь элемент. Может другой какой-нибудь стиль перекрывает твой, может он вообще не подтягивается к элементу, потому что ты накосячил в селекторе.

Allazarin , На счет селектора , там все нормально, проверял уже, нечего не перекрывает, щас полный код скину, вот это я хочу скрыть

css

   .conent-fends { z-index:-1000; padding-bottom:5px; width:259px; height:auto; bottom:2px; right:5px; background-color:#fff; position:fixed; }  .head-frends { color:#fff; background-color:rgb(60,179,113); width:250px; padding:5px; }  .block-frends { width:230px; padding:12px; display:block; }   .text-frends { padding-top:20px; }  @media (max-width:768px) {    .conent-fends  .head-frends .block-frends{   display:none;   }   }

Allazarin , вот написал пример , может я накосячил глянь пожалуйста

https://codepen.io/noggan1990/pen/jOzvRRL

Попробуй так

css

   @media screen and (min-width:368px) { .conent-fends .head-frends .block-frends { visibility: hidden; } }