Styleguide Navigation

Grid Teaser Area

Updates

  • 2018-07-03 Content within GridTeaser--link added for a11y. (markup) [pul]
  • 2018-08-09 SectionContainer class changed from gradient to fullGradient. (markup) [jch]
  • 2018-09-19 data-js-appear attribute and in-slide-bottom-group class added (markup) [pul]
  • 2019-12-17 Added example on dark template (with different CTA variants and GridTeaser variant) (markup) [pul]
  • 2020-01-27 Fixed example on dark template (SectionContainer class "fullGradient" removed) (markup) [pul]
  • 2021-10-03 SRWFE-2538: Added .GridTeaser--text on small cards (markup) [ari]
  • 2022-06-22 SRWFE-2977: Added example for GridTeaserArea with hidden title. (markup) [ari]
  • 2023-09-20 SRWFE-3577: Added example for GridTeaserArea with max amount of text. [ari]

Description

A lot more teaser combinations are possible. As long as you avoid gaps, or fill the with small teasers, you can combine almost all sizes as you wish. Further combinations are visualized in the Layout Examples.