.banner { background-color: #e20074; display: flex; flex-direction: row; grid-area: banner; } .footer { background-color: #262626; grid-area: footer; height: 5vh; } .grid { display: grid; grid-template-areas: "banner" "main" "footer"; grid-template-rows: 5vh 1fr 5vh; } img { height: 5vh; } h1 { color: #000; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; grid-area: main; margin: 0 auto; max-width: calc(1050px / 2); min-width: 320px; padding-bottom: 20vh; padding-top: 20vh; text-align: center; } p { color: #fff; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; }

You need to enable JavaScript to run this app.