body {
    width: 90%;
    font-size: large;
}

nav a {
    display: inline-block;
    width: 19%;
    font-size: larger;
}

body.grid-layout {
    grid-template-areas: 
        "header"
        "nav"
        "main"
        "footer";
}

article.sub-grid-detail {
    grid-template-areas: 
        "h2 h2"
        "solar-intro consumer";
}

article.sub-grid-index {
    grid-template-areas: 
        "h2 h2"
        "intro list"
        "intro comparison"
        "hydrofig description";
}