범위 설정 헷갈리는거 정리

grid-column: 1/13; 

-> 라인 1에서 13까지

 

 

12 조각으로 나뉘는게 첫 시작이 1이라, 끝 번호는 13호가 됨

-> 그래서 grid-column 1/12; 로 하면 맨 끝 칸이 비게 된다. 

 

---

 

grid-column: 1/ span 12;

 

-> 1에서부터 12칸 가기

 

ex) grid-column: 1/ span 2;는

-> 라인이 더해진다고 생각 (1+2) (그래서 3번째줄까지)

 

이게 안헷갈리고 가장 괜찮은듯 하다.

grid-column: 1/13과 같다. 

 

---

이하는 어떤 오류에서인지 (원인은 아직 찾지 못했다) 13칸까지 안나오고 14칸이 나온다.