Sticky footer layout
Get the code
import Css
import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes as Html
stickyFooter : Html msg
stickyFooter =
Html.div
[ Html.css
[ Css.displayFlex
, Css.flexDirection Css.column
, Css.height <| Css.pct 100
]
]
[ Html.header
[ Html.css
[ Css.flexShrink <| Css.int 0 ]
]
[]
, Html.main_
[ Html.css
[ Css.flexGrow <| Css.int 1 ]
]
[]
, Html.footer
[ Html.css
[ Css.flexShrink <| Css.int 0 ]
]
[]
]