Categories
CSS HTML

Advanced Grid Combination Demo

The starter files for this class demonstration include four separate projects. Each has most of the styling done, but none for the layout.

The aim, then, is to focus purely on various advanced grid properties:

  • Justify Items / Justify Content / Justify Self
  • Align Items / Align Content / Align Self
  • Grid Auto Fill / Grid Auto Flow

The projects are:

  • Guitar Mania
  • Gibson Vs Fender
  • Grid Auto Fill
  • Grid Auto Flow: Dense

The first two projects are also available in a start-from-the-beginning form elsewhere in this site.