Closed arnest00 closed 2 years ago
Page | Score | PSI Audit | |
---|---|---|---|
/drafts/images-draft | ![]() |
Page | Score | PSI Audit | |
---|---|---|---|
/drafts/images-draft | ![]() |
Page | Score | PSI Audit | |
---|---|---|---|
/drafts/images-draft | ![]() |
Page | Score | PSI Audit | |
---|---|---|---|
/drafts/images-draft | ![]() |
Page | Score | PSI Audit | |
---|---|---|---|
/drafts/dev/images-draft | ![]() |
Page | Score | PSI Audit | |
---|---|---|---|
/drafts/dev/images-draft | ![]() |
Page | Score | PSI Audit | |
---|---|---|---|
/drafts/dev/images-draft | ![]() |
Description
This PR creates a block for displaying two or three images side-by-side. The block is called
multi-image
and expects a single row with either two or three cells. Each cell includes an image and a caption. If less than two or more than three images are added, then the images stack on all screen sizes.Motivation and Context
This will allow content creators to display up to three images in a row in stories as needed.
How Has This Been Tested?
Tested on a demo page to preview the feature: https://sbx-side-by-side-images--design-website--adobe.hlx.page/drafts/dev/images-draft
Screenshots (if appropriate):
Types of changes
Checklist: