Div in dash not full screen [solved]

Hi, I have a multipage app where my layout looks like this:

layout =  html.Div([
    dcc.Link('some_link', id = 'some_link'),

], style={ "height" : "100vh",'width': "100vh"})

and here’s the main app layout:

app.layout = html.Div([

    dcc.Location(id='url', refresh=False),
    html.Div(id='page-content' , style={ "height" : "100vh",'width': "100vh"})

@app.callback(Output('page-content', 'children'),
              [Input('url', 'pathname')])
def display_page(pathname):

     return SomePage.layout

The issue is seen here, where the somepage layout is not fit to the screen. How can I fix this?

The div of the orange is page-content and the div of the blue is the layout of the page.

Nevermind I figured it out. I removed the width=“100vh” which I thought expands the whole graph but actually restricted it.

1 Like

thank you alot