Что такое progressive enhancement в контексте CSS?

Question

Accepted Answer

## Слоями

**Progressive enhancement** — сначала доступный базовый слой (читаемый HTML + простые стили), затем улучшения, если браузер умеет.

В CSS:

```css
.card { display: block; }

@supports (display: grid) {
  .card {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
```

Используют `@supports`, каскад (современные свойства ниже/в отдельных правилах), относительные единицы. Философия: контент работает без «идеального» движка; grid/subgrid/`:has()` — бонус, не единственный путь к информации.