Layouts in CSS have always depended on hacks. Getting the look you want has meant pushing CSS to its limits using floats, HTML, and positioning tricks in unconventional ways. In this course, Creating Layouts with CSS Grid, you’ll learn how to use the brand new CSS Grid system to solve layout problems once and for all. First, you’ll discover why CSS Grid is a better way to do layout. Next, you’ll get up and running with the minimum necessary code to start using CSS Grid. Finally, you’ll explore the CSS Grid specification thoroughly, learning how to create any layout you can dream of. When you’re finished with this course, you’ll have a solid understanding of this critical technology needed to create modern, robust, and responsive layouts for the web.
Matt is an elearning professional and VP of Product who is passionate about using technology to teach in new ways. A committed generalist, Matt's interests include all aspects of development, UX, web accessibility, and language learning.
Course Overview Hi everyone. My name's Matt Henry, and welcome to Creating Layouts with CSS Grid. I'm a developer and vice president of product. Coding web layouts, even simple three‑column layouts, has always been a complex process that forced developers to rely on hacks, until now. Imagine the simplicity of flexbox with the power of working in two dimensions. That's CSS Grid, the first proper tool for building layouts on the web. In this course, you'll get up and running quickly with CSS Grid in order to create any web layout you can imagine. Some of the major topics will cover include the two‑step process of implementing layouts in Grid, picking track sizes that can respond to your content and the viewport, positioning your content into the grid with laser precision, a complete workflow for implementing responsive layouts, and how to apply these concepts to a real website. By the end of this course, you'll have a deep understanding of this powerful component of CSS, and you'll be able to leverage it to make whatever layout you'll need in your web development life. Before beginning this course, you should know the basics of web development, HTML and CSS. But it's not necessary to have mastered the old ways of doing CSS layout in order to understand the new method taught here. I also recommend you have the Firefox web browser installed. I hope you'll join me on this journey to create cutting edge and maintainable layouts with Creating Layouts with CSS Grid, at Pluralsight.