.container{
    grid-area: container;
}

#heading{
    grid-area: heading;
}

#tutorials{
    grid-area: tutorials;
}

#py-course{
    grid-area: course;
}

.web-footer{
    grid-area: footer;
}

.container{
    display: grid;
    grid-template-areas:
    "head head"
    "heading heading"
    "tutorials course"
    "footer footer";
}

@media (max-width: 719px) {
	.container {
        display: grid;
        grid-template-areas:
        "head"
        "heading"
        "tutorials"
        "course"
        "footer";
    }}