Hello, I have created a dash app but the the app is showing blank white space in the bottom when I zooming out the browser. Is there any way to make the app resize automatically according the the size of the browser?
A screenshot of the app is as follows-
My app layout is as follow-
colors = {"background": "#222A2A", "text": "#479B55", "box": "#7F7F7F"}
app.layout = html.Div(
children=[
html.H3(
"Crypto Forecast",
style={
"textAlign": "center",
"verticalAlign": "middle",
"paddingTop": "15px",
},
),
html.Div(
[
html.Div(
[
html.H6(
"Select Crypto",
style={
"textAlign": "center",
},
),
dcc.Dropdown(
id="SelectCrypto",
options=[{"label": i, "value": i} for i in cryp_value],
value="BTC",
clearable=False,
style={
"fontsize": 24,
"color": colors["text"],
},
),
],
style={
"verticalAlign": "middle",
"paddingBottom": "15px",
},
),
],
style={"display": "flex", "justify-content": "center"},
),
# the graphs
dcc.Graph(id="forecast", style={"color": colors["text"]}),
],
style={
"backgroundColor": colors["background"],
"color": colors["text"],
},
)
I have very little idea about web-development. Any kind of help/suggestion would be highly appreciated.