CSS Grid Explained: Your Step-by-Step Guide to CSS Grid

by Jorge Montoya, Stephen Burge

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 but concise book, you are going to master the key ideas behind CSS Grid.Key Features Constantly updated, the material in CSS Grid Explained is always current.Clear You will follow plain English, clear visuals and enjoyable step-by-step instructions.What You'll LearnIn 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.You'll build everything from the most basic CSS Grid to a full site layout.Table of ContentsIntroduction to CSS Grid TerminologyCreating Your First CSS GridUsing the Firefox Grid InspectorHow to Use Explicit and Implicit GridsHow to Use the Autoflow Property in CSS GridHow to Use the FR Unit For LayoutsHow to Size Tracks with the Auto KeywordHow to Size Grid Items with the Span KeywordHow to Use Line Numbers in CSS GridHow to Layer Items in CSS GridHow to Use Line Names in CSS GridHow to Place Items with Grid Template AreasHow to Use the minmax()FunctionHow to Use the auto-fill and auto-fit KeywordsThe dense PropertyHow to Align Items in CSS GridThe justify-content and align-content PropertiesHow to Nest Grids

Genres: Nonfiction

158 pages, Kindle Edition

Published October 30, 2018

Reviews

[John Warner · Rating 5 out of 5]

A useful book for learning CSS Grid
It is NOT a reference book
where you can look up the reference to a particular topic
it is a course which you follow
giving you a basic course in CSS Grid
which gets you going
It helped me build a CSS grid template for websites
and it worked.

I was surprised by the low rating of this book.
This seemed to be due to the confusion of purposes of computer books.
This is the text that goes with a course / is the course
disappointment comes if you assume it will be a reference.

[Manu Karnika · Rating 4 out of 5]

Good book

helped to understand the basics very well. Also i think it is easier to understand because the author follows the same pattern for explaining various concepts with suitable examples. Good read!

[Meg Coulson · Rating 2 out of 5]

Content was okay, but the graphics are so muddy and unintelligible that I won't be recommending it to any students.