ENCaveat: Grid will recalculate the tracks upon page reload (try squishing the browser window and hitting refresh) but it won’t do so on window resize. Media queries can be used to alter the values, but they still won’t play nice with window resize. Conclusion Let’s wrap up with some bullets: Media queries can help us completely rearrange Grid layouts by redefining grid-template-areas (and other things) for different scenarios. CSS transitions don’t have any effect on changes made to the grid layout. The auto-fill keyword is useful for filling up grid containers. The minmax() function complements auto-fill nicely, making sure containers are properly filled, but doesn’t give us “responsiveness” in the true sense of the word. With the lessons learned in this series, you’re armed to go out and start playing with Grid! Stay tuned for more Grid tutorials, practical exercises, solutions to common layout problems, and updates.
