Custom CSS no longer working

[Nick_Rosenberger]

• Issue description: Custom CSS that previously formatted events page so that each event was 33% of the page now shrinks the events down to less than 10% of the page. Thanks for any assistance you can provide.

• Link to the page with the widget in question: https://www.htsdc.org/

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

  @media screen and (min-width: 1200px) {
  .eapp-events-calendar-grid-item {
  width: 33%
  }

[Max]

Hi there, @Nick_Rosenberger and welcome to the Community

We’ve slightly adjusted the CSS code, and now it seems to be working fine:

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

@media (min-width: 1200px) {
  .eapp-events-calendar-grid-item-container {
    width: calc(100% / 3);
  }
}

Please check your widget and let me know if you like how it looks

[Nick_Rosenberger]

@Max

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

@media (min-width: 1200px) {
  .eapp-events-calendar-grid-item-container {
    width: calc(100% / 3);
  }
}

Amazing, thanks so much!

[Max]

No sweat