style_bookList.css

body {
    margin:0;
}
a {
    text-decoration: none;
    font-weight: bold;
    color: orange;
}
h1 {
    color:aqua;
    font-size: 45px;
    text-align: center;
    border-bottom: 1px solid gray;
    margin: 0px;
    padding: 15px;
}
ol {
    border-right:1px solid gray;
    width:150px;
    margin:0;
    padding: 20px;
}
#grid {
    display: grid;
    grid-template-columns: 150px 1fr;
}
#grid ol {
    padding-left: 40px;
    padding-right: 10px;
}
#article h2{
    padding-left: 70px;
}
#article ul {
    padding-left: 90px;
}
@media(max-width: 600px) {
        ol {
        border-right:none;
    }
        #grid {
        display: block;
    }
        #article h2{
        padding-left: 0;
    }
        #article ul {
        padding: 20px;
    }
        body {
        margin:8px;
    }
        #grid ol {
        padding: 20px;
    }
        h1 {
        border-bottom: none;
    }
}