Issues with Grid Area layout.

I'm currently working on a project for a course through Codecademy. I've set grid areas for a side bar which should only span two rows (according to my template) but for some reason it is spanning 4.

html 
grid-template-columns: 0.5fr 2fr;
    
    grid-template-areas: "header header"
                         "nav about"
                         "nav upcoming"
                         "menu menu"
                         "meet meet"
                         "footer footer";

html 
grid-template-columns: 0.5fr 2fr;
    
    grid-template-areas: "header header"
                         "nav about"
                         "nav upcoming"
                         "menu menu"
                         "meet meet"
                         "footer footer";