css grid

[timber river]

        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 16px;
        row-gap: 40px;
      }```
the class video-grid is the label to a div which has 6 divs in it. my problem is that when I resize the window, the divs should adjust to it, or wrap around. for ex. https://supersimple.dev/exercises/youtube how this works. I tried to inspect it, but my code was similar, but then also the divs wont wrap.

[snow oar]

Use a media query

You can change the amount of grid columns based on screen size