Text and Image Columns
This module lets you quickly create two columns with text and an image.
View a live demo of this module.
Content
- Change column sizing (6/6, 5/7, 7/5)
- Change vertical alignment
- Change image placement on both desktop (right or left) and mobile (bottom or top)
Styles
- Add animation to image
- Change the max width constraints of the image (constrain to contain or window)
- Change text alignment
- Customize list styling
How to Use This Module
The Text and Image Columns module is perfect for creating engaging content layouts that break up long-form text with compelling visuals. This versatile component works exceptionally well on About Us pages, service descriptions, product feature explanations, and landing page sections where you need to present information in a digestible, visually appealing format.
When you drag this module onto your page in the HubSpot page editor, you’ll immediately notice its flexibility in the Content tab. The column sizing options allow you to emphasize either your text or image depending on your message—use 7/5 sizing when your copy needs more space, or flip to 5/7 when your image is the star of the section. The vertical alignment controls ensure your content always looks polished, whether you’re working with short paragraphs or longer explanatory text.
The Styles tab offers powerful customization options that set this module apart from basic text blocks. The image animation feature adds subtle motion that can increase engagement, while the max width constraints help you maintain design consistency across your site. Whether you want your images to fill the available space or maintain their original proportions, these controls give you precise layout control.
Pro tip: Take advantage of the responsive image placement settings when planning your page flow. You can create dynamic layouts where images alternate sides on desktop for visual interest, while ensuring optimal mobile readability by consistently placing images at the top or bottom of each section on smaller screens.
This module integrates seamlessly with Framework’s clean aesthetic, making it ideal for SaaS companies showcasing features, technology firms explaining complex concepts, or any business that needs to pair detailed information with supporting visuals.