Westley Cho

web developer / designer

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