Black Lives Matter. Please consider donating to Black Girls Code today.

Sandwich-style Dash layout

I typically like to set up my dashboards with a header row, a body divided into columns, and then a footer row (like a sandwich). The header row and body columns were working out no problem: I made sure the header div and the body div were each className="Row" and then each column inside the body div was className="six columns". But when I got to the footer div and styled it className="Row" it consistently threw off the rest of the page. Couldn’t figure this out for the longest time, until I tried className=“twelve columns”` – this solved the problem. @chelsea @chriddyp – we discussed this at the last Dash workshop in DC, so I thought I’d share my solution (though I imagine you already knew this :slight_smile: )

1 Like