Css overflow in flex container?

Question

css

Good afternoon. I have a flex container with buttons and a horizontal scroll ( Click ). How can I make sure that elements that do not fit on the screen are not cut off in the middle, but simply not visible?

Answer 1

If I understood you correctly, you want buttons that do not fit into the parent to be automatically hidden and not spoil the view with a cropped piece?
Here is a similar implementation, only instead of throwing elements into a burger, you hang a property on them display: none;
https://codepen.io/lukejacksonn/pen/PwmwWV

Answer 2

click