Responsive four card section using grid

Community feedback

• 

  Victor Lantigua•50

  @lantiguavPosted 23 days ago

  Looks good, congrats.

  You could make the spacing between cards more consistent by removing grid-template-rows: repeat(4, 150px); from the gridbox class, and changing column-gap: 20px to gap: 20px.

  By removing the grid-template-rows, you would let the browser figure out how many rows there should be, and the size of them, effectively reducing the space between your "Team building" and "Karma" cards.

  gap is a shorthand for column-gap and row-gap. This will ensure the distance between the cards is consistent, vertically and horizontally.

  1