Grid Template Area - Githubissues

HTML:

<head> 

    <link rel="stylesheet" href="gridta.css"> 

</head> 

<body> 

    <header> Header </header> 

    <nav class="nav-bar"> Navigation </nav> 

    <main> Main area </main> 

    <footer> Footer </footer> 

</body>

CSS:

body { 

    display: grid; 

    height: 200px; 

    grid-template-areas: "head head" 

                         "nav  main" 

                         "footer  footer"; 

    grid-template-rows: 30px 1fr 30px; 

    grid-template-columns: 150px 1fr; 

  } 

  header { 

    grid-area: head; 

    background-color: lightsalmon; 

  } 

  .nav-bar { 

    grid-area: nav; 

    background-color: lightblue; 

  } 

  main { 

    grid-area: main; 

    background-color: lightyellow; 

  } 

   footer { 

    grid-area: footer; 

    background-color: firebrick; 

  }

chaesthetics / FrontEnd-Dev

Grid Template Area #47