CSS Grid

  • grid-column-gap, which defines the gap between columns;
  • grid-row-gap, which defines the gap between rows; or
  • grid-gap, which is a shorthand property for grid-column-gap and grid-row-gap.

How to Make a CSS Grid Responsive

Line-based Placement Layout

Using Shorthand Grid-Row and Grid-Column Properties

Using Shorthand Grid-Area Property

Line-based Placement Layout Spanning More than One Grid Track

--

--

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