Logo Card Grid

Description

The logo grid is a specific component that takes a data file of logo images, and outputs it into a responsive grid format. For an example data file, see: `src/_data/logos/logos-xs`, and view any entry where a description is present.

Sample Logo Card Grid

Rendered


This is a header

This is a subheader

Options

classes : string

header : string

subheader : string

logos : array
This value takes a data array from a yaml file in `src/_data`.


Sample Logo Card Grid

Code


{% assign logos = site.data.en.logos.logos-xs | where: 'tag', 'technology-partners' %} {% include components/logo-card-grid.html header="This is a header" subheader="This is a subheader" logos=logos %}

Rendered


This is a header

This is a subheader