main {
    display: grid;
    background-color: aliceblue;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    grid-template-areas:
        "h_en h_en"
        "omslag a_en"
        "a_to form";
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0.75rem;
}

main > * {
    min-width: 0;
    min-height: 0;
}

h1 {
    grid-area: h_en;
}

#omslag {
    grid-area: omslag;
    display: block;
    height: auto;
    width: 50vw;
}

#avsnitt1 {
    grid-area: a_en;
}
#avsnitt2 {
    grid-area: a_to;
}
form {
    grid-area: form;
}

@media (max-width: 60rch) {
    main {
        overflow: inherit;
        display: flex;
        flex-direction: column;
    }
    #omslag {
        display: inherit;
        height: auto;
        width: inherit;
    }
}