body {  font-family: arial;}.container {  display: flex;  flex-direction: column;  min-height: 100vh;}@media (min-width: 768px) {  .container {    display: grid;    grid-template-columns: 5fr 1fr 200px;    grid-template-rows: auto 1fr auto;  }}header {  grid-column: span 3;  padding: 30px;  text-align: center;  font-size: 1.4em;  background-color: #01ADEF;  color: white;}main {  flex: 1;  padding: 20px;}nav {  background-color: #C4C973;  padding: 20px;} aside {  padding: 20px;  background-color: #BD2D57;}footer {  grid-column: span 3;  padding: 30px;  text-align: center;  font-size: 1.4em;  background-color: #67B933;  color: white;}h1 {  margin-bottom: 1em;  font-size: 1.3em;  font-weight: bold;}