Grid 아이템을 한줄에 두개씩 나오게하기 위해 아래와 같이 CSS 코드를 넣었는데, 어떠한 경우에는 아이템 크기가 넘쳐서 화면을 벗어나는 경우가 생겼다..ec-base-product ul.grid2 {grid-template-columns: repeat(2, 1fr);}  무슨 이유인지는 잘 모르겠으나, 구글링한 결과 아래처럼 바꿔줬더니 해결 가능했다..ec-base-product ul.grid2 {grid-template-columns: repeat(2, minmax(0, 1fr));}     참고 : https://stackoverflow.com/questions/43311943/prevent-content-from-expanding-grid-items

Grid 기본코드 Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7   특정 칸만 크기 조절특정 박스만 크기를 다르게 하고 싶다면  grid-column-end (행 크기 조절),  grid-row-end (열 크기 조절) 를 이용해 조절하면 된다. 아래의 경우에는 big class를 가진 박스는 가로 3칸중 2칸, 세로로도 2칸씩 차지하도록 하였다. Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7      그런데 특정 박스만 크게 하는 경우에, 상황에 따라 여백이 생기는 경우가 있다.아래 경우에는 Grid를 3칸으로 하였는데, 3n번째 크기를 다르게 하..