https://defensivecss.dev

Defensive CSS

Practical CSS and design tips that helps in building future-proof
user interfaces.

@DefensiveCSS
[broken-ui-]

Introduction to Defensive CSS

An explanation of the concept of defensive CSS, what it means, why
it's useful and how it applies to different areas in the design
process.

Tips

View all

  * [flexbox-wr]

    Flexbox Wrapping

  * [compressed]

    Image Distortion

  * [long-conte]

    Long Content

  * [spacing]

    Component Spacing

  * [grid-auto-]

    Auto-fit Vs Auto-fill

  * [bg-repeat]

    Background repeat

  * [grid-fixed]

    CSS grid fixed values

  * [css-var-fa]

    CSS Variable Fallback

About the author

[shadeed]

Ahmad Shadeed

Ahmad is a UX designer and front-end developer from Palestine. He
enjoys working on challenging design and front-end development
projects. He wrote a book on debugging CSS, writes extensively on CSS
, Accessibility, and RTL (right to left) text styling.

Defensive CSS (c) 2022 Ahmad Shadeed

  * Twitter
  * Github