This works very well on mobile devices, and is acceptable on desktop. It's always possible to apply this effect to mobile widths only using a simple media query to trigger overflow-y: scroll; and the min-width: max-content;. The big advantage is that this doesn't rely on the messy fixed widths or worse, old JS scripts to calculate the width the content. The CanIUse shows support widely among modern browsers. IE11 or older browsers would need a fallback, doing away with the horizontal scroll or width: auto; white-space: nowrap; or display: inline-table hack, or fixed content width.