So I had a chance recently to play around with the CSS Grid Layout Module. It has up until recently only been supported by IE (I know, don’t worry I felt a bit weird typing that). I personally don’t have a very accessible way to develop in IE, so was pleased to discover it is now supported by Chrome if you enabled the ‘Experimental Web Platform’ flag.
The best resource for using it in Chrome is Rachel Andrews’ post here (Thanks @justinavery). She did write another great one for 24 Ways, however as it was only supported by IE at the time, it uses IE syntax which is slightly different to the syntax Chrome uses and thus confused me to start with. Similarly with the CSS Tricks post here, which is also good, but if you are using Chrome can be confusing.
Some things to share
I discovered I don’t need vendor prefixes, I was originally using
-webkit-, once I removed this I had that ‘Yes’ moment when I refreshed my page.