Альт картинки:
Лучшие сокращения в CSS

1) min()

width: 100px;
min-width: 50px;

может быть записано как

width: min(100px, 50px);

2) clamp()

font-size: 16px;
max-font-size: 20px;
min-font-size: 12px;

может быть записано как

font-size: clamp(12px, 1rem, 20px);

3) repeat()

background-image: url('image.png');
background-repeat: repeat-x;

может быть записано как

background-image: repeat-x(url('image.png'));

4) calc()

width: 100%;
padding: 20px;

может быть записано как

width: calc(100% - 40px);