课程: CSS: Advanced Layouts with Grid

免费学习该课程！

今天就开通帐号，24,700 门业界名师课程任您挑！

What you're creating: A multi-column layout

What you're creating: A multi-column layout - CSS教程

课程: CSS: Advanced Layouts with Grid

开始一个月试用 购买团队方案

What you're creating: A multi-column layout

“

- [Narrator] An obvious use case for CSS grid is for creating multi-column layouts. In this chapter, I'll show you how to create a single column, two-column, and three-column layout that responds based on the viewport width. So here's that single column, and if we make this a little wider, there we get our two column, and finally, at full desktop size, we get this third column. We'll also cover centering techniques and even refactor our code at the end of the chapter to use named grid areas, and we'll do all of this using the same HTML document as our foundation. Let's get going.

内容