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 vote208 views2 answers
How to define max number of character for a paragraph css
CSS
-1 vote203 views1 answer
Css link underline
CSS
0 vote240 views1 answer
How to align divs in a row
CSS
1 vote219 views1 answer
Place-items css property
CSS
5 votes206 views2 answers
How to select child when hover on parent element css
CSS
0 vote233 views1 answer
Line not breaking css
CSS
0 vote190 views1 answer
React how to wrap
CSS
56 votes186 views3 answers
How to make a round corner in CSS
CSS
2 votes195 views1 answer
Css preprocessor
CSS
22 votes210 views2 answers
React bootstrap carousal not working
CSS