CSS Grid Explained
CSS Grid is revolutionizing the frontend web-design industry.
For the last 20 years, web designers have used CSS to lay out web pages. However, CSS has always been missing some key functionality. Designers had to rely on workarounds, such as tables, floats, and positioning. CSS Grid is different and better.
CSS Grid allows you to create a grid-based layout system, using columns and rows. You don't have to use any workarounds. You don't have to use different hacks for different browsers. You don't have to install any extra frameworks.
CSS Grid has been around since 2011, but has recently exploded in popularity. Almost all major browsers support CSS Grid. The only exceptions are Internet Explorer 11 and Opera Mini.
In this short book, you are going to master the key ideas behind CSS Grid.
In the first chapter, we start with the basic terminology. You'll learn the difference between Grid Areas and Grid Cells, between Grid Tracks and Grid Gaps.
Then, using a hands-on approach, you'll start building CSS Grids. There are 9 different exercises in this book. You'll build everything from the most basic CSS Grid to a full site layout.