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 vote195 views1 answer
Remove double quotes from string kotlin
CSS
0 vote214 views1 answer
Importing scss into vue component
CSS
0 vote216 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
7 votes187 views2 answers
Float center tailwind
CSS
0 vote193 views1 answer
Vendor css
CSS
6 votes171 views4 answers
Change border highlight color on an input text element
CSS
0 vote190 views1 answer
Constraint barrier example
CSS
0 vote180 views1 answer
Css max-width none
CSS
0 vote185 views1 answer
Align items in span to center
CSS
1 vote178 views1 answer
::-ms-clear
CSS