當(dāng)屏幕大小縮小時(shí)，隱藏部分內(nèi)容

我想把前面的小圖標(biāo)隱藏掉，但是當(dāng)屏幕放大時(shí)他就又會(huì)正常顯示。
這是正常大小下的代碼：
<div class="container my-1 mw-100" style="display:inline-block">

        <i class="fas fa-tag"></i><a href=""class="ml-1">我的優(yōu)惠卷</a>
        <p class="my-2"><i class="fas fa-yen-sign"data-fa-transform="grow-2 right-4"></i><a href=""class="ml-1">賬戶余額</a></p>
      </div>

這是用媒體查詢?cè)O(shè)置的樣式：
/ 屏幕大小小于596px /
@media (max-width: 575.98px) {
.fas{ display: none }
}
但是結(jié)果還是會(huì)顯示