How to place dropdowns next to one another and have them resize to screen size

Hello,

I am wanting to place dropdown buttons next to one another but the problem is, I want them to fit all laptop and tablet screen sizes. Currently they either stay on the same line but go off screen if I make it flex or they wrap if it is block. Is there a way to make all of them stay on the same line but size to suit? I’ve tested on different browsers and it acts different and also different laptop screen sizes. I’ve attached a link to the website below.


Here is my site Read-Only: https://preview.webflow.com/preview/tester-version?preview=10ee7aac50a7f26d3a8fc5343f8c5670