CSS Grid Layout

CSS Grid Layout

image description

Course Description

CSS Grid Layout provides a built-in, more efficient way of designing grid-based layouts in the browser. It brings a new set of properties, functions and flexible units that let you control the exact placement and sizing of grid components.

What you will learn

  • Declaring row and column tracks

  • Setting gutters between rows and columns

  • Creating flexible and responsive grid layouts without media queries

  • Using Grid with Flexbox

Curriculum

Section 1: Introducing Grid Layout

Section 2: Flexible Sized Grids

Section 3: Going Further with Grid Layout