3. CSS Grid

CSS Grid Layout is a CSS layout method designed for the two-dimensional layout of items on a webpage or application.
Watch these videos:

Introduction

Fundamentals

Grid setup

Grid features

Grid shorthands

Grid layout & alignment

Grid lines & grid areas

Auto & fr

Using CSS grid

Extra material:
Complete guide to grid