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파일 통채로 긁어서 올렸더니

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

이런 간단한것도 원인을 못찾으니 너무 답답할뿐입니다..
  • 2018년 04월 20일에 수정됨
    교육자. 프로그래밍 비전공자. 취미로 파이썬 공부
  • 2018년 04월 15일에 작성됨

조회수 55


Hashcode banner summercoding

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close