Round 1 Day 6
Today's Progress
Learned some css grid and it's a game changer.
Here's an example of a grid container
.container {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(5, 1fr 2fr);
grid-template-rows: repeat(10, 50px);
}
the grid-template-columns repeats the 1fr 2fr five times creating 10 columns that alternate between one section and another section doubled in size. The grid-template-rows creates 10 rows 50px in height.
Thoughts
First real day back from Chicago after a long weekend. I'm okay with not doing the 100 days of code in a row. I'm not going to stress it if I miss a few days here or there because of obligations. Sometimes you just miss a few days and thats okay
TOTAL TIME: didn't keep track
tags
- css grid