column-gap

Last Updated: April 30, 2022

CSS column-gap property can be used to specify the gap between columns

Before applying column-gap

1
2
3
4
5
6
7
8

After applying column-gap:10px

.container{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-rows:50px 50px 50px;
    border: 2px solid #ccc;
    padding:10px 10px;
    column-gap:10px
}
1
2
3
4
5
6
7
8
Test