nav a{
    padding: 0 .3em;
}

.grid-layout article{
    grid-template-columns: 100%;
}

body#index.grid-layout article{
    grid-template-areas: 
    "tennis-training"
    "equipment-text"
    "WilsonRacquet-figure"
    "HeadRacquet-figure"
    "best-equipment-table";
}

body#detail.grid-layout article{
    grid-template-areas: 
    "adidas-figure"
    "pro-tennis-text"
    ;
}

body#form.grid-layout article{
    grid-template-areas: 
    "fav-player-figure"
    "debug"
    ;
}