.frame {
    display: box;
    width: 100%;
    background-color: #eeeeee;
}

.content {
    background-color: #ffffff;
}

.subframe1 {
    display: grid;
    column-gap:10px;
    row-gap:10px;
    grid-template-columns: 1fr;
}

.subframe2 {
    display: grid;
    column-gap:10px;
    row-gap:10px;
}

@media (width < 600px) {
    .subframe2 {
        grid-template-rows: 1fr 1fr;
    }
}

@media (width >= 600px) {
    .subframe2 {
        grid-template-columns: 1fr 1fr;
    }
}