.page { --max-width: 101.4rem; display: grid; font-family: var(--ff-fira-sans); grid-template-rows: auto 1fr; min-height: 100dvh; } .content { display: grid; padding: 0 0 17.5rem; padding-bottom: 2.4rem; padding-left: 0; padding-right: 0; padding-top: 0; } @media screen and (min-width: 950px) { .page { gap: 4.4rem; } .content { gap: 10rem; grid-template-columns: 25rem 1fr; padding-bottom: 17.5rem; padding-left: 2.4rem; padding-right: 2.4rem; } }