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 ]
            ]
            []
        ]