Не могу отключить флейры или заголовки пользователей на мобильном

[hipp0]

По какой-то причине не работает, когда я добавляю CSS для мобильной области. Не уверен, что делаю это правильно.

.topic .post-avatar .avatar-flair,
.topic .avatar-flair {
  display: none !important;
}

[Lilly (Lillian)]

Работает ли это, если поместить в вкладку общего CSS?

@include viewport.until(md) {
  
  .topic-avatar .avatar-flair {
      display: none;
  }
}

[hipp0]

[Lilly (Lillian)]

Ты уже прочитал эту тему?

@system

@use "lib/viewport";

[chapoi]

@hipp0

По какой-то причине не работает, когда я добавляю CSS в мобильную область. Не уверен, правильно ли я это делаю.

Проверяли ли вы инспектор браузера, чтобы убедиться, что CSS применяется и не переопределяется чем-то другим? Всегда полезно