CSS Grid: Overlapping Content Layout (Advanced)

Published: 20 November 2019
on channel: Themeco
4,838
51

In this advanced layout breakdown we'll take a look at creating gaps between content in our layout using the template rows and columns rather than the actual "Gap" controls available to us on the Grid Element.

Additionally, we'll show how we can have multiple pieces of content occupy the same grid tracks to create a detailed and layered look along with that content spreading to the far edge of the screen. We've also got a fun little easter egg in about giving your content a "max width" without explicitly using CSS max-width, so definitely check that out!

Not a Pro Theme user yet? Join us today! https://theme.co/pro

Don't miss a thing! Follow us here:
Facebook:   / yourthemeco  
Twitter:   / yourthemeco  


Watch video CSS Grid: Overlapping Content Layout (Advanced) online without registration, duration hours minute second in high quality. This video was added by user Themeco 20 November 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,838 once and liked it 51 people.