import dash
from dash.dependencies import Input, Output
import dash_html_components as html

import dash_flexbox_grid as dfx


app = dash.Dash(__name__)

app.scripts.config.serve_locally = True
app.css.config.serve_locally = True

app.layout = dfx.Grid(id='grid', fluid=True, children=[
    dfx.Row(children=[
        dfx.Col(xs=12, lg=3, children=[html.Div('Hello,'), html.Div('World!')])
    ]),
    dfx.Row(id='row', children=[
        dfx.Col(id='col', xs=6, lg=2, children=html.Div('Hello, World!')),
        dfx.Col(xs=6, lg=2, children=html.Div('Hello, World!'))
    ])
])


if __name__ == '__main__':
    app.run_server(debug=True)