CSS уже давно умеет больше, чем «margin + clearfix + костыли». Если вы всё ещё тащите в проект привычки из 2015-го, часть кода можно просто выкинуть.
Что реально стоит пересмотреть:
- **clearfix / лишние обёртки** — во многих случаях теперь хватает `display: flow-root;`
- **табличные лайауты и хаковые сетки** — `flex` и `grid` закрывают почти все кейсы без микроскопа для отладки
- **`position: absolute` для центрирования** — `place-items`, `place-content`, `transform`-подходы и `inset` делают это короче
- **медиа-зоопарк из `min-width`-костылей** — `clamp()`, `min()`, `max()` и `container queries` дают куда более предсказуемую адаптивность
Практический выигрыш не в «красоте», а в цифрах: меньше DOM-узлов, меньше специфичности, меньше CSS-правил для поддержки. А значит, меньше шансов сломать верстку при рефакторинге.
Если хочется быстро прокачать кодовую базу, начните с аудита: где у вас до сих пор используются старые паттерны, которые новые свойства решают в 1-2 строки. ⚙️
DevTools Radar
@DevToolsRadarPro
CSS уже давно умеет больше, чем «margin + clearfix + костыли». Если вы всё ещё тащите в проект привычки из 201
Этот пост опубликован в Telegram-канале DevTools Radar. Подписаться можно по ссылке: @DevToolsRadarPro.