✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
⚾️ It's finally Baseball season! Root for the home team... & Register for our Sports Analytics Webinar!

Change position of dropdowns etc in web app

I have a layout question.

I have programmed an app which has 3 plots which are modified using 3 dropdowns. Everything works fine but now I would like to change where the dropdowns sit to make the app easier to use. I have attached pictures to illustrate the change I would like.

I can provide sample code for this problem if that helps but if this question can be answered without that would be great.

I personally use the Dash Bootstrap Component layout system to get this kind of effect: https://dash-bootstrap-components.opensource.faculty.ai/l/components/layout

Plus once you get your head around using Bootstrap it becomes very easy to make reactive sites (stuff that re-positions depending on the width of the screen).

Cool thanks I’ll give it a look. Seems like that’s the best way to get what I’m after.