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

6 votes200 views6 answers
How to properly install tailwind css in react
CSS
4 votes281 views1 answer
Animation-direction property
CSS
1 vote177 views1 answer
Html hide text if too long
CSS
0 vote222 views2 answers
Link html to html stackoverflow
CSS
2 votes229 views1 answer
Nunito font family
CSS
1 vote238 views1 answer
Overflow-x hidden meaning in css
CSS
3 votes233 views1 answer
Bootstrap 3 offset
CSS
2 votes212 views2 answers
Css all children of type
CSS
5 votes211 views2 answers
Remove bootstrap button outline
CSS
2 votes237 views1 answer
@media prefers-color-scheme
CSS