Designing with CSS Grid Layout.

Designing with CSS Grid Layout
 Notice of Rights
 Notice of Liability
 Trademark Notice
 About SitePoint
 Table of Contents
 Preface
 Conventions Used
 Code Samples
 Tips, Notes, and Warnings
 Hey, You!
 Ahem, Excuse Me ... 
 Make Sure You Always ... 
 Watch Out!
 An Introduction to the CSS Grid Layout Module
 by Ahmad Ajmi
 What is the CSS Grid Layout Module?
 A Grid Layout Example
 Grid Layout Module Concepts
 Position Items by Using a Line Number
 Position Items by Using Named Areas
 Slack Example
 Grid Layout Module vs Flexbox
 CSS Grid Layout Module Resources
 Conclusion. Seven Ways You Can Place Elements Using CSS Grid Layoutby Nitish Kumar
 #1 Specifying Everything in Individual Properties
 #2 Using grid-row and grid-column
 #3 Using grid-area
 #4 Using the span Keyword
 #5 Using Named Lines
 #6 Using Named Lines with a Common Name and the span Keyword
 #7 Using Named Grid Areas
 How to Order and Align Items in Grid Layout
 by Nitish Kumar
 How the Order Property Works in Grid Layout
 Aligning Content Along the Row Axis in Grid Layout
 Aligning Content Along the Column Axis in Grid Layout
 Aligning the Whole Grid
 Conclusion. A Step by Step Guide to the Auto-Placement Algorithm in CSS Gridby Nitish Kumar
 Basic Concepts for a Better Grasp of the Auto-placement Algorithm
 Step #1: Generation of Anonymous Grid Items
 Step #2: Placement of Elements with an Explicitly Specified Position
 Step #3: Placement of Elements With a Set Row Position but No Set Column Position
 Sparse Packing in Step #3
 Dense Packing in Step #3
 Step #4: Determining the Number of Columns in the Implicit Grid
 Step #5: Placement of Remaining Items
 Sparse Packing in Step #5
 Placement of Items E and F without Definite Position in Either Axis. Placement of Items G and H with a Definite Column PositionDense Packing in Step #5
 Conclusion
 How I Built a Pure CSS Crossword Puzzle
 by Adrian Roworth
 Building the Board/Grid
 Using Form Elements for the Squares
 Using the General Sibling Selector
 Indicating Correct Answers
 Challenges of the Grid System
 Checking for Valid Letter Input
 Highlighting the Clues on Hover
 Numbering the Clues
 The "Check for Valid Squares" Checkbox
 Conclusion.