• used to direct the user to specific content, mainly used as "teaser banners" or on overview pages
• can have 2, 3 or 4 columns
• height of the teaser image is flexible

Masonry Grid - Desktop view:

Image AddedImage Added

Masonry Grid - responsive view:

Image AddedImage Removed

Elements

Changes

...

...

...

...

Responsive View

• column size reduced in responsive view:
  4777

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4794-5258

• category - font size and line height changed in mobile

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4805-5334

• title - font size changed in mobile

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4844

  request for style consistency

  • 5258

Other Changes

• implementation

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5334

  change in padding around title

  • 4390

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4560

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5852

  discussions about word separation:

  • 4562

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4565

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5337

  problems with image resolution, especially on images with little width but large height (like book spines):

  • 4777

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4794

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-50584805

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-50594844

• item order (gallery only?):

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5149

  pagination:

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-47955228

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-50725537

Figma

Explore - DNB (2023)

Cosmoblonde (2022)