Css GridTemplate Gap 간격

Css GridTemplate Gap 간격 조절 값

 

Css GridTemplate 개요

 

column 간격 10px, row 간격 15px

display:grid;
grid-template-columns:repeat(5, 100px);
grid-template-rows: minmax(100px, auto);  
grid-gap:20px 30px;

 

column 간격 10px, row 간격 15px

display:grid;
grid-template-columns:repeat(5, 100px);
grid-template-rows: minmax(100px, auto);  
grid-column-gap:30px;
grid-row-gap:20px;

 

예제 grid-template-gap box-shadow