main {
    section {
        &:nth-of-type(2) {
            h3 {
                margin: 1.25em 0;
            }
        }

        @media screen and (768px <=width<1280px) {
            &:nth-of-type(2) {
                article {
                    grid-column: span 6;
                }
            }
        }

        @media screen and (1280px <=width) {
            &:nth-of-type(1) {
                grid-template-areas:
                    "_1 _1 _1"
                    "_2 _5 _4"
                    "_3 _5 .";
            }

            &:nth-of-type(2) {
                grid-template-areas:
                    "_1 _1 _1"
                    "_2 _3 _4"
                    "_5 _6 _7";
            }
        }
    }
}