grid.html 504 Bytes
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>
    #grid{
      border-color: pink;
      display:grid;
      grid-template-columns: 150px 1fr;
    }
      div{
        border:5px solid gray;
      }
    </style>
  </head>
  <body>
    <div id="grid">
      <div>NAVIGATION</div>
      <div> ARTICLE</div>
  </div>
    <!-- div(무생무체와 같은 태그 의미가 없음,디자인 용도)
    는 block element span은 inline element -->
  </body>
</html>