모바일에서 flair 또는 사용자 제목을 비활성화할 수 없습니다

[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가 적용되고 있는지, 혹은 다른 스타일에 의해 덮어씌워지고 있는지 확인해 보셨나요? 항상 유용한 방법입니다