body {
    display: grid;
    gap: 0.5em;
    background: lightgrey;
}

@media (min-width: calc(5*15rem)) {
    body {
        grid-template-areas:
        "n n n"
        "t t t"
        "sp so op"
        "sp so op"
        ;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
    }
}

@media (min-width: 0) and (max-width: calc(4*15rem + 15rem - 1px)){
    body {
        grid-template-areas: 
            "n"
            "t"
            "sp"
            "so"
            "op"
        ;
        grid-template-columns: auto;
        grid-template-rows: auto;
    }
}


.hyllest-sjanger {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

h1{
    grid-area: t;
    margin: 0;
}

h2, h3, p, img {
    margin: 0;
}

.einskild-artikkel > div > img {
    width: 10em;
    /*border: aquamarine 0.25em solid;*/
    background-color: rgb(255,255,255);
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0;
}
.einskild-artikkel > div{
    display: flex;
    justify-content: center;
}

.artikkelhalder {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

#hovednav {
    grid-area: n;
}

#spel {
    grid-area: sp;
}

#songar {
    grid-area: so;
}

#oppslagsverk {
    grid-area: op;
}