#header {
    grid-area: banner;
    height: 80px;
    width: 920px;

}

#to-do {
    grid-area: to-do;
    width: 250px;

}


#to-do li {
    list-style: none;
}

#to-do li::before{
    content: '';
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 25px;
    background-image: url("/images/to-do\ not\ complete.png");
    background-size: contain;
}

#sub-task li {
    list-style: square;
}
#sub-task ul {
    padding: auto;
    margin: 20px;
}
#sub-task li::before {
    background-image: none;
    margin: 1px;
    width: 1px;
    height: 0px;
}


#welcome {
    grid-area: welcome;
    width: 450px;
}

#music-player {

    grid-area: music-player;
}

#nav {
    grid-area: books;
}

#books {
    grid-area: article;
    width: 250px;
}

#books li {
    list-style: none;
}

#books ul{
    padding: 0;
    float: left;
}
#books li::before{
    content: '';
    display: inline-block;
    margin-right: 5px;

    height: 25px;
    width: 25px;
    background-image: url("/images/book.png");
    background-size: contain;
}