Overriding Bootstrap

15 hours ago 1
ARTICLE AD BOX

I am overriding the Bootstrap's `.card` class by having the following in my css:

.card { border: 1px solid #some-color1 !important; border-radius: some-value !important; background-color: #some-color2 !important; }

The HTML is:

<div class="card h-100 border-0"> <div class="card-body text-center"> <h1 class="card-title fw-bold">Some title</h1> Other stuff... </div> </div>

This causes paint flashes in the card's top section when scrolling the page. How to avoid the paint flashes and properly override the .card class?

Read Entire Article