Holy grail layout

import Css
import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes as Html


holyGrail : Html msg
holyGrail =
    Html.div
        [ Html.css
            [ Css.displayFlex
            , Css.flexDirection Css.column
            ]
        ]
        [ Html.header
            []
            []
        , Html.main_
            [ Html.css
                [ Css.flexGrow <| Css.int 1
                , Css.displayFlex
                , Css.flexDirection Css.row
                ]
            ]
            [ Html.aside
                [ Html.css
                    [ Css.width <| Css.pct 25 ]
                ]
                []
            , Html.article
                [ Html.css
                    [ Css.flexGrow <| Css.int 1 ]
                ]
                []
            , Html.nav
                [ Html.css
                    [ Css.width <| Css.pct 20 ]
                ]
                []
            ]
        , Html.footer
            []
            []
        ]