I want to hide the small icon in front of me, but it will display normally when the screen is enlarged.
this is the code under normal size:
< div class= "container my-1 mw-100" style= "display:inline-block" >
<i class="fas fa-tag"></i><a href=""class="ml-1"></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>
</div> this is the style set with media query:
/ screen size is smaller than 596px /
@ media (max-width: 575.98px) {
.fas {display: none}
}
but the result still shows
