Grid Helpers

Whether your using grid or flex-grid or just flex, there are some classes that will help you perform the most common things usually needed on grids. These classes can help you out in a pinch. Some of them obviously only apply to flexbox, while others only apply to a CSS grid.

/*------- Grid Helpers --------*/ 

.align-center {
  align-items: center;

.justify-center {
  justify-content: center;

.flex-wrap {
  flex-wrap: wrap;

.flex-column {
  flex-direction: column;

   grid-gap: 60px;

There are also layout classes which are cool and create a ready made layout for you to use. Make sure to check those out too.