Fake Event
July 07 - 09, 2027
The Interwebs

Content Teaser [approved]

This page is a demo using the Content Teaser component with some custom styling added via an innovation component

❌ Using Atlas As-Is

The content teaser below has NOT been manipulated by CSS and this is the default styling of Atlas.

✅ Using an Innovation Component

This responsive container has an id of "custom-content-teaser". The content teaser in this container has been manipulated by CSS in the innovation component at the bottom of this page. Only content teasers in a container with this id are affected.

What has been done?

  • The teaser description has been moved up into the anchor tag so that the entire teaser is clickable
  • Hover styles have been added
  • Responsive to more than 2 viewports
  • If the description does not exist, the teaser doesn't get shown
  • If the description contains the text "Coming Soon", a class gets added to the teaser and it is styled accordingly