Published in


CSS Grid (Part 4) — Implicit vs Explicit Tracks

The difference between implicit and explicit tracks

Live dev notes taken throughout the CSS Grid course by Wesbos — cssgrid.io

To explicitly define tracks, use:

  • grid-template-columns
  • grid-template-rows

Consider this example of comparing implicit vs explicit tracks. If we have 4 grid items in a container, we can explicitly define the tracks for all of those items by declaring 2 columns and 2 rows:



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store