box-sizing: content-box;
바깥 여백을 제외한 테두리, 안쪽 여백, 내용을 포함한 영역이 전체 크기가 된다
box-sizing: border-box;
바깥 여백, 테두리, 안쪽 여백을 제외하고 내용만을 포함한 영역이 전체 크기가 된다
.container { display : grid ; gap : 22px ; width : 1000px ; grid-template-columns : repeat ( auto-fit , 150px ); margin : auto ; justify-content : center ; } .container { display : grid ; gap : 22px ; grid-template-columns : repeat ( auto-fit , minmax ( 250px , 1fr )); }