.site { padding:10px; box-sizing: border-box; height: 100vh; display: grid; grid-template-columns: 2fr 1fr 1fr 1f; grid-template-rows: 1fr 1f 3fr 1fr; grid-column-gap:10px; grid-row-gap: 10px; grid-template-areas: "nav nav nav nav" "header header side side" "main main side side" "main main footer footer"; }