Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
36 cell table in CSS GRID
/* Is there a way to write this so I don't have to add another 33 cells manually. 12 rows with three columns */
.schedule .grid-container {
display: grid;
grid-template-columns: repeat(9, 1fr);
grid-gap: 10px;
grid-auto-rows: minmax(100px, auto);
color: white;
text-align: center;
padding:20px 0;
font-size: .9em;
background-color: #373B44;
}
.schedule .one {
grid-column: 2/1 ;
grid-row: 1;
}
.schedule .two {
grid-column: 3/2;
grid-row: 1;
}
.schedule .three {
grid-column: 5/2;
grid-row: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment