I created an image viewer with thumbnails which can be scrolled horizontally. The images are loaded dynamically for a selected feature and vary in number. The image viewer resizes to fit the screen size and I want the thumbnail parent container to resize as well to hold more thumbnails on larger screen sizes and vice versa. I was hoping there was a way to prevent thumbnails from being visible in the parent scroll element unless there was enough room so the entire thumbnail would come into view. Right now the parent thumbnail container is set to a fixed width, but ideally the container would expand with the size of the viewer. Here is the css for the thumbnail container and scroll buttons.