Defensive CSS
Practical CSS and design tips that helps in building future-proof user interfaces.
@DefensiveCSS
Tagged “tip”
Flexbox Wrapping
Image Distortion
Long Content
Component Spacing
Auto-fit Vs Auto-fill
Background repeat
CSS grid fixed values
CSS Variable Fallback
Fixed sizes
Minimum Content Size In CSS Flexbox
Minimum Content Size In CSS grid
Grouping vendor selectors
Image maximum width
Position sticky with CSS Grid
Scroll chaining
Scrollbar gutter
Scrollbars on demand
Using space-between
Text over image
Vertical media queries
Accidental hover on mobile
Image inner border
Default flexbox stretching
Input zoom on iOS Safari
Button minimum width
See
all tags
.
