CSS opacity Breaks Child Elements — Use RGBA Instead

❌

.card { opacity: 0.8; }

This also fades text and icons.

.card { background-color: rgba(0,0,0,0.8); }

Why
Opacity affects the entire element tree.

CSS Grid “Overflow Bug” — When Your Layout Randomly Breaks

Post Views: 6