p {grid-area: p;}
ul {grid-area: l;}
div {grid-area: d;}


@media screen and (min-device-width: 1200px) {
    main {
    display: grid;
    grid: "p   p   p" 150px
          "d   l   l" 2fr
          "d   l   l" 2fr
          /145px 5fr 5fr;
    }
}

@media screen and (max-device-width: 1200px) {
    main {
        display: grid;
        grid: "p" auto
              "d" auto
              "l" auto
              /1fr;
        }
}