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 vote190 views1 answer
Css my body have margin top
CSS
2 votes196 views2 answers
Html font white text with black border
CSS
0 vote133 views1 answer
Scss add class to body
CSS
2 votes195 views2 answers
Slick margin between slides
CSS
0 vote198 views1 answer
How to give rgba in tailwind
CSS
1 vote177 views1 answer
Css 100% -20px
CSS
6 votes187 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
0 vote200 views1 answer
Select tag text align center
CSS
5 votes172 views3 answers
How to make a linear gradient in css
CSS
0 vote188 views1 answer
Line-break
CSS