Header Placeholder

Split Content Block – Permutation Matrix

Covers every layoutOrder + splitRatio + mediaAspectRatio combination. Also includes edge cases for links and optional text/title fields.

50:50 Media First (Default Aspect)

Baseline matrix case with equal column widths and default media aspect ratio.

50:50 Media First (Alternative Aspect)

Equal columns using the alternative media aspect ratio.

50:50 Text First (Default Aspect)

Text-first ordering should reverse visual order while preserving equal widths.

50:50 Text First (Alternative Aspect)

Alternative aspect ratio paired with text-first layout ordering.

70:30 Media First (Default Aspect)

Media-dominant ratio with media rendered first using default aspect ratio.

70:30 Media First (Alternative Aspect)

Alternative aspect ratio for the media-dominant layout.

70:30 Text First (Default Aspect)

Text-first with 70:30 should visually flip the dominant column side.

70:30 Text First (Alternative Aspect)

Text-first + alternative aspect ratio for 70:30 split.

30:70 Media First (Default Aspect)

Text-dominant ratio while media still appears first in the content flow.

30:70 Media First (Alternative Aspect)

Alternative aspect ratio in text-dominant column split.

30:70 Text First (Default Aspect)

Text-first ordering paired with text-dominant split ratio and default aspect ratio.

30:70 Text First (Alternative Aspect)

Final matrix permutation: text-first, 30:70, alternative aspect ratio.

Edge Case: Maximum CTA Count

Verifies rendering with two CTA blocks, the configured maximum for links.