Join Morten Rand-Hendriksen for an in-depth discussion in this video How to use the experimental CSS grid features in Chrome, part of CSS Grid: First Look.
- View Offline
- [Voiceover] Because the CSS Grid layout module…is an experimental module still in working draft,…there is no support for this feature in normal browsers,…at least not out of the box.…In some browsers, Chrome and Firefox, in particular,…support for CSS Grid can be turned on from the back end.…In this course, I'll use Chrome,…and I suggest you do the same.…To turn CSS Grid support on in Chrome,…first open the browser and then, visit the following URL,…chrome://flags.…Here you can turn a long list…of experimental features on and off.…
And the features we are looking for here…are the web platform features.…So, I'll just do a search in the browser,…control or command f,…and then search for web platform.…Here we find Enable Experimental Web Platform Features,…which include CSS Grid.…Once you click Enable here,…you'll have to restart your browser.…So, if you're working on something…or if you have a form open or something like that…in your browser, it's a good idea to finish…that process before clicking.…I'll click Enable.…
Join Morten Rand-Hendriksen in this course for a first look at this emerging CSS module. He covers setting up CSS grids, positioning content, and working with named lines and template areas. The final videos in the course introduce practical uses for CSS grids, including online magazines and three-column layouts.
- What is CSS Grid?
- Using the CSS Grid playground
- Setting up a CSS grid
- Positioning content in a CSS grid
- Using template areas in a CSS grid
- Creating a responsive grid layout