Learn Enough HTML, CSS and Layout to be Dangerous: An Introduction to Modern Website Creation and Templating Systems

Chapter 15

CSS Grid

So far in this tutorial, we’ve looked at creating page layouts using traditional CSS techniques and the newer flexbox method (Chapter 11). As mentioned in Section 5.2, though, CSS is constantly evolving and adding more features (Figure 15.1).¹ Over the past few years, a relatively new CSS feature has worked its way through the maze of the approval process and has been adopted by all the modern web browsers… as you’ve probably guessed from the title of this chapter, this feature is called “CSS grid”. Although it’s still early in its adoption curve, we expect grid to become increasingly important in the coming years, so we have included an introduction to this important subject as the final chapter of Part II.

Figure 15.1: ...