Template:Stackable card

Template documentation

A stackable card is a basic design element. They're cards of content that line up next to each other, taking up the full width of the container they're in (such as the page body). If the screen becomes narrower, they stack on top of each other. They should never be wider than the container itself. This template is used to implement the design of {{Wikimedia Resource Center listing}}.

Usage

Each card is divided roughly into three sections: a header, the main contents, and the footer. As so:

{{Stackable card|header=Introduction|contents=Welcome to this lovely page.|footer=(Buttons might go here.)}}

Introduction

Welcome to this lovely page.

For extra customization, you can add CSS classes and styles to the card as well as custom attributes (such as IDs or data attributes).

{{Stackable card|header=Introduction|contents=Welcome to this lovely page.|footer=(Buttons might go here.)|styles=padding:4em;|class=error|attributes=data-test=Wow!}}

Introduction

Welcome to this lovely page.