Ensure that the image card always appears on top on mobile devices within Card Two Columns Bundle

Created on 25 February 2024, 10 months ago
Updated 27 June 2024, 6 months ago

Problem/Motivation

The card two columns is great to create teasers that have an image on one side and some text on the other. But there is an issue when alternating the image position left/right. In this case the first part will always be on top in mobile. This leads to inconsistent layout as two image blocks are followed by two text blocks.
It would be better to display the image always on top (or on bottom) regardless if it is placed left or right.

Steps to reproduce

Create several (e.g. 4) card two columns and place the image alternating left/right.

Proposed resolution

Add an option which part should be placed on top on mobile.

Apart from this, great work!

✨ Feature request
Status

Fixed

Version

1.0

Component

Code

Created by

πŸ‡©πŸ‡ͺGermany gruberroland

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024