.tg1{ display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; }
.tg2{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.tg3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tg4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.tg5{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.tg6{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.tg7{ display: grid; grid-template-columns: repeat(7, 1fr); gap: 20px; }
.tg8{ display: grid; grid-template-columns: repeat(8, 1fr); gap: 20px; }
.tg9{ display: grid; grid-template-columns: repeat(9, 1fr); gap: 20px; }
.tg10{ display: grid; grid-template-columns: repeat(10, 1fr); gap: 20px; }
.tg11{ display: grid; grid-template-columns: repeat(11, 1fr); gap: 20px; }
.tg12{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px; }

.ts1{ grid-column: span 1; }
.ts2{ grid-column: span 2; }
.ts3{ grid-column: span 3; }
.ts4{ grid-column: span 4; }
.ts5{ grid-column: span 5; }
.ts6{ grid-column: span 6; }
.ts7{ grid-column: span 7; }
.ts8{ grid-column: span 8; }
.ts9{ grid-column: span 9; }
.ts10{ grid-column: span 10; }
.ts11{ grid-column: span 11; }
.ts12{ grid-column: span 12; }