grid-col 사용할때는 width 조절을 같은 className에서 해야함

 

<div className="max-w-[1200px] m-auto mt-10 grid gap-10 sm:grid-cols-1 md:grid-cols-2">
            {planList.map((planItem) => {
                return (<PlanGrid plandata={planItem}/>)
            })}
        </div>

상위 부모에서 아무리 와이드를 건드려도 꿈쩍도 하지 않는다. 

지금 max-w-[1200px] 가 상위 어디에 넣어도 적용이 되지 않는다. 여기 라인에 같이 넣으니 적용이 되었다..휴..이거가지고 3시간 헤맷다..