Key Concepts

Review core concepts you need to learn to master this subject

Grid Template Columns

#grid-container { display: grid; width: 100px; grid-template-columns: 20px 20% 60%; }

To specify the number of columns of the grid and the widths of each column, the CSS property grid-template-columns is used on the grid container. The number of width values determines the number of columns and each width value can be either in pixels(px) or percentages(%).

CSS Grid Essentials
Lesson 1 of 2

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo