/* grid for japan.html */ .landing { display: grid; position: relative; grid-template-columns: 60px auto 60px; grid-template-rows: 60px 55vh 40vh 60px; grid-template-areas: "heading . signature" ". nihon ." ". . ." "nav nav nav" } .heading { grid-area: heading; position: absolute; top: 36px; left: 36px; font-weight: 700; font-size: 18px; } .signature { grid-area: signature; position: absolute; top: 36px; right: 36px; font-weight: 700; font-size: 18px; } .nihon { grid-area: nihon; text-align: center; padding-top: 30vh; } nav { grid-area: nav; } /* grid for language.html */ .landing1 { font-family: segoe-ui_normal,Segoe UI,Segoe,Segoe WP,Helvetica Neue,Helvetica,sans-serif; display: grid; grid-template-areas: "header header header" "nav section aside" "footer footer footer"; grid-template-rows: 80px auto 50px; grid-template-columns: 80px auto 80px; grid-gap: 5px; /* height: 100vh; */ margin: 10px; } .heading { grid-area: heading; } .sidebar { grid-area: sidebar; } main { grid-area: main; } nav { grid-area: nav; position: absolute; left: 590px; bottom: 200px; }