Video source missing

CSS Grid: Mosaic Layout (Advanced)

In by Pausha Foley

In this advanced layout breakdown, we’ll take a look at our “Mosaic” layout, which features repeating rows of squares that respond with the viewport giving us perfect tiles to place our content on at any screen size. This intriguing layout takes a little bit of CSS calc() magic to get things working, but once it’s setup it really allows you to explore some incredibly creative ideas. Join us as we take a look at tackling this fun layout with the Pro Grid Element!