On custom card wrong media-queries

[denvash]

On providing a custom card, 768px is a "Golden Number" which may brake the component, in this case, the user should control the query and the default one need to be disabled.

Possible user's fix example:

const EventDetails = styled.div`
  ${mixins.boxShadowSmall}
  background-color: ${colors.backgroundDark};
  padding: 15px;
  @media (max-width: 768px) {
    display: none;
  }
`;

The user may not catch the bug on smaller devices, therefore, it is not expected behavior.