/* *****************************************************************************
 * Filename: layout.css
 * Description: This file styles the primary sections of the webpage.
 * Owner: Alvin McGovern
 * Author: Alvin Orzechowski, MyFirstWebPage.net
 * Date: Sat Jul 04 2020
 * Revised: 
 * *****************************************************************************/
 
 header {
   grid-area: hdr;
 }
  
 main {
   grid-area: main;
}
  
footer {
  grid-area: ftr;
}
 
#grid {
  display: grid;
  gap: 0.5em;
  grid-template-columns: repeat( auto 1fr );
  grid-template-rows: auto minmax( 25rem, auto ) auto;
  grid-template-areas:
    "hdr"
    "main"
    "ftr";
}