Make layout as fast as 5G: CSS Grid grid layout

• Chapter1 Create grid container
• 1-1 1. Create and divide grid containers (1)
• 1-2 1. Create and divide grid containers (2)
• Chapter2 Number and size of cells
• 2-1 Set the number and size of cells(1)
• 2-2 Set the number and size of cells(2)
• Chapter3 Grid lines divide cells
• 3-1 Divide cells using default grid lines(1)
• 3-2 Divide cells using default grid lines(2)
• 3-3 Divide cells using named grid lines
• 3-4 Named grid lines automatically add indexes when setting cells repeatedly
• Chapter4 Items populate the area
• 4-1 Populate items into the default grid area
• 4-2 Populate items into a named grid area
• 4-3 Populate items into grid area placeholders
• 4-4 Named grid area lines default name
• Chapter5 Alignment of items
• 5-1 Set the alignment of all items in the container(1)
• 5-2 Set the alignment of all items in the container(2)
• 5-3 Set the alignment of all items in the cell
• 5-4 Set the alignment of all items within the grid area
• 5-5 Set the alignment of an item within a cell or grid area
• 5-6 Set the spacing between rows and columns in the container