Video source missing

CSS Grid: Cell Placement & Overlapping Content (Intermediate)

In by Pausha Foley

One of the greatest things about CSS Grid is that we can be incredibly declarative with our content layouts. Things that used to involve a myriad of hacky CSS cobbled together can now be done cleanly and confidently with the new features available to us. A personal favorite we’ve been exploring lately is how to use the Grid’s Template Rows and Columns to create overlapping content that works responsively across the board. Join us in this video as we explore more complex grid templates as well as explicit cell placement on those templates to achieve this very engaging effect.