Hey bubble forum readers
Hope all is good by you today!
I am currently working on a prototype desktop application whereby the goal is to have all the information ready and accessible in one place in a neat fashion.
Inside each button as you can see in the screen below you are taken to another screen where you can view additional information about your trip. It is a travel planning tool. (see below)
All is well and good so that depending on the screen size on desktop the size of the buttons will change accordingly. The page is not set to be a fixed width and neither are the icons.
The desktop page width is 1200 while height is 752
But when I get on over to mobile it is a nightmare. It looks ridiculous and I am not sure how to fix it.
Essentially, how do I keep the same layout but just smaller or shrunk on mobile?
See image below
thank you so much for your help in advance