Events - Responsive Block Styles

CSS Style Overview

Responsive Block, Responsive Block Calendar Dates, and Responsive Vertical Style

Lightbox is on

Calendar Title is off

Limited to 6 / 6 / 10 events

Events filter off

Image are on

Accent colors are not enabled

Height is auto

The responsive styles are built on a grid layout and will grow and shrink dynamically depending on screen size.  This style is based on standard CSS and uses the device to respond with the best fit it can.

The calendar date style is designed to help identify the date more easily for the event.

In the vertical layout we mark each day with a top date dot and list events below it like a menu.   Each day will do its best to become a column but since this is responsive it will best adjust to fit the size of screen it can.