The Split Image Section displays an image alongside content on larger screens and stacks vertically on mobile. It’s ideal for highlighting ministries, programs, or featured content where both visuals and explanation matter.
Key Takeaways
- Always provide Image Alt Text — without it, images are hidden from screen readers and search engines.
- Image Width (Desktop) controls how much space the image take within its container: Half (default), Two-thirds, One-third, One-forth
- Image Width (Mobile) defaults to full width but can be reduced to better fit smaller screens: full, Two-thids, Half, One-third, One-fourth
Best Practices
- Use high-quality, relevant images.
- Alternate image alignment for better visual flow.
- Keep text concise to balance with imagery.
- Always include meaningful alt text for accessibility.