생활코딩 css 그리드 배우는 중인데..

디브로 박스 두개 안에 좌우로 글넣는 거 하는데 저는 안되네요 ㅜㅜ


요건 이고잉쓰앵님꺼

  <div id="grid">

    <ol>

      <li><a href="1.html">HTML</a></li>

      <li><a href="2.html">CSS</a></li>

      <li><a href="3.html">JavaScript</a></li>

    </ol>

    <div id="article">

        <h2>CSS</h2>

        <p>

          Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.

        </p>

      </div>

  </div>


요건 제꺼
<div id="grid">
    <ol>
      <li><a href="1.html" class="saw">HTML</a></li>
      <li><a href="2.html" class="saw" id="active">CSS</a></li>
      <li><a href="3.html">JavaScript</a></li>
    </ol>

    <div>
      <h2>HTML이란 무엇인가?</h2>
      <p>hello web
        <img src="" width="50%">
          dkjfkdjfkljqeiththohjdsghghshgjhgjrhgjhqughuhgrhjghjhglhglkdhgkh</p>
    </div>
</div>


그냥 ol 태그랑 div 태그랑 해서 상위로 div id="grid" 하고
스타일 태그에서 #그리드{grid-template-colum그거..} 하면 나눠서 들어가지는거 아닌가요?ㅜㅜ