The class name suggests it handles responsive images. What it actually does is three declarations, and none of them affects which file gets downloaded — a 2400px photo…
The grid works by putting negative margins on .row to cancel the padding on .col-*. Nesting columns directly inside a column skips that cancellation, and the inner content…
Responsive images used to mean shipping the desktop file to everyone, or swapping src after load — which downloads both. srcset hands the browser the candidates and lets…
Flexbox went through three incompatible syntaxes on its way to a recommendation, which is why so much production CSS still carries display: -webkit-box next to display: -ms-flexbox. As…
overflow: hidden on a parent full of floats makes it wrap around them, which reads like a side effect of clipping and has nothing to do with clipping.…