Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The CSS Grid Layout is a two-dimensional grid-based layout module formed by rows and columns..

...

Justify Self: It controls the horizontal alignment of a specific flexible element within a flexible container.

  • Left:

...

  • Center:

...

  • Right:

...

Although flexbox and grid share CSS style properties, grid is suitable for a wide variety of scenarios and layouts where the arrangement of elements in rows and columns is essential. Some them include: Image Grid, Blog and Articles, Data Tables, Forms, Control Panels, etc.