The whole point of auto-fit and auto-fill is that you aren’t saying how many columns to use. But if you knew how many the browser chose, you can make nice design decisions.

A row of logos that animate forever perfectly and don’t have any duplicated HTML or JavaScript at all is quite a trick. Thanks modern CSS!

Best bet: just always use them.

More nuanced take: there is a few situations where using the physical property is still releavant.

It’s a complicated look! There may or may not be blurring, light refracts in tricky ways, the highlights are quite bright, and you’ve got to be very careful about text contrast accessibility.

When an image isn’t “full width”, but you want that caption underneath to wrap at the end of the image.

Zustand is a minimal, but fun and effective state management library which just may improve your render performance.