CSS/Grid

Grid gap

주술회전목마 2022. 11. 18. 12:27

Grid 간격  생성

  • column-gap
  • row-gap
  • gap

>> Grid cell 사이에 간격을 만들어 줌

.container {
	row-gap: 10px;
	/* row의 간격을 10px로 */
	column-gap: 20px;
	/* column의 간격을 20px로 */
	gap : 10px 20px;
	/* row 10px, column 20px */
}
1
2
3
4
5
6
7
8
9