.grid { 
display: -ms-grid; 
display: grid; 
-ms-grid-columns: 275px 1fr; 
grid-template-columns: 275px 1fr; 
-ms-grid-rows: 130px minmax(300px,max-content) 50px; 
grid-template-rows: 130px minmax(300px,max-content) 50px; 

grid-column-gap: 10px; 
grid-row-gap: 10px; 
}

.header { 
-ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-column-span: 2; 
grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; 
 background: yellow;
}

.sidebar { 
-ms-grid-column: 1; -ms-grid-row: 2; 
grid-column-start: 1; grid-row-start: 2; 
 background: khaki;
}

.content { 
-ms-grid-column: 2; -ms-grid-row: 2; 
grid-column-start: 2; grid-row-start: 2; 
 background: lightblue;
}

.footer { 
-ms-grid-column: 1; -ms-grid-row: 3; -ms-grid-column-span: 2; 
grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; 
 background: khaki;
}

ul {
 background: khaki;
 line-height: 2em;
 font-weight: bold;
 font-size: 1.3em; 
 }

p {
 line-height: 1.5em;
 color: black; 
}

p.topPhoto {text-align: center; }

a:link { color: darkblue; }
a:visited { color: purple; }
a:hover { color: darkorange; text-decoration: underline; }


h1 {
 color: white;
 background: navy;
 font-size: 3em;
 border-radius: 8px;
 font-weight: bold;
 text-align: center;
}


<! 
h1 {
 width: 1000px;
 height: 80px;
 color: white;
 background: navy;
 font-size: 3em;
 border-radius: 8px;
 font-weight: bold;
 margin-left: 250px;
 text-align: center;
}
^-->
 }