Media query change button text

<button type="button" class="btn btn-default btn-md btn-block">
    <i class="fa fa-plus"></i>
    <span class="button-text">Add New Item</span>
</button>

@media screen and (max-width: 300px) {
    .button-text {
        display: none;
    }
}

Source: stackoverflow.com

Similar codes

0 vote258 views2 answers
Difference bw box and border box
CSS
-1 vote232 views1 answer
Css tricks
CSS
0 vote312 views1 answer
How to slow down hover effect css
CSS
22 votes280 views5 answers
Center grid
CSS
9 votes249 views3 answers
Outline button css
CSS
4 votes264 views2 answers
Alternate table row color css
CSS
0 vote232 views2 answers
Css stopper une animation
CSS
3 votes236 views2 answers
How to give shadow to navbar
CSS
0 vote243 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS
0 vote255 views1 answer
Text-align:center apply to parent div or child div
CSS