Center Calendar Cards

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!


@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;

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

1 Like

No sweat!

Have a great day :slightly_smiling_face: