css초보적인 그리드에 대한 질문입니다

<style>
.모델안내
{



           display: grid;
            grid-template-columns: 1fr 1fr

}

</style>

<div class="모델안내">
<div>
              <h3>모델원</h3>
        <ol>
              <li>why1</li>
              <li>why2</li>
              <li>why3</li>
              <li>why4</li>
              <li>why5</li>

        </ol>
</div>
<div>
              <h2>모델투</h2>
        <h3><ol>

            <li>why1</li>
            <li>why2</li>
            <li>why3</li>
            <li>why4</li>
            <li>why5</li>

        </ol></h3>
</div>
</div>

생활코딩 그리드 배우고 응용중에 질문드립니다

제가 작성한코드이고 여기 미리보기에서는 실행이되는데

아톰에서 작성하고 크롬에서 확인할떄는 변화가없네요

처음에 안되길래 class 설정을 id로 설정해보기도하고 혹시 부모자식을 나누는방법이잘못된건가

뭘잘못한건지 도무지 모르겠어서 이렇게 글을 올리니 또 작동이잘되니 멘붕이네요


혹시 전에 작성한 코드중에 잘못된게있나해서 html파일 통채로 긁어서 올렸더니

또 미리보기에서는 제가 원한대로 잘나오네요

이런 간단한것도 원인을 못찾으니 너무 답답할뿐입니다..

ᕕ( ᐛ )ᕗ
로그인이 필요합니다

작성한 답변에 다른 개발자들이 댓글을 작성하거나 댓글에 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.