Join Morten Rand-Hendriksen for an in-depth discussion in this video What to know before you start this course, part of CSS Grid: First Look.
- [Voiceover] To follow along in this course, you need to have a working knowledge of some key aspects of web design development and technologies. First and foremost, you need a firm understanding of HTML and CSS and in particular how the CSS box model works. If you're new to web development or just need a refresher, I recommend watching the following two courses: HTML Essential Training with James Williamson and Making Sense of the CSS Box Model by yours truly. As part of the course, I've created a CSS grid playground containing various HTML and CSS documents.
The purpose of this playground is for you to be able to experiment with the concepts I explained in the course and get a feel for how the CSS grid layout module works in real life. To get the CSS playground to work, you need a browser that supports CSS grid and a code editor. You'll see me using the playground throughout the course. If you want to match my environment, you need to install the Chrome browser, I'll show you how to turn on support for a CSS grid later on, and the Atom code editor.
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