Center Calendar Cards

Ask the Community General Questions
1

Hello, I am having an issue where, depending on the # of cards in a calendar, it moves to 2 lines or a single line which we don’t want, so I reduced the number of cards, but now on a lower resolution, there is a big space, what code do I need to insert to at least center the cards

and additionally center the entire widget (with the filters), not sure which one I would like right now!

Thanks!!
Matt

cards
cards1571×569 140 KB

www.maine.gov/doe

3

@Matthew7 Please check this CSS codes and let me know if you like what you see:

.eapp-events-calendar-grid-component {
	justify-content: center;
}

.eapp-events-calendar-controls-component {
  justify-content: center;
}
4

This worked great (combo of both) ! Thank you!!

1 Like
5

No sweat!

Have a great day :slightly_smiling_face: