When using CSS Grid Layout, you can always place items from one grid line to another. However, there is an alternate way of describing your layout, one that is visual in nature. In this article, we will learn how to use the grid-template-areas property to define placement on the grid and find out how the property really works. In case you missed the previous articles in this series, you can find them over here:

https://www.smashingmagazine.com/2020/02/understanding-css-grid-template-areas/