Two-Column with Images
Using Two-Column - Tips & Guidelines
Cards are a common feature used on websites to display content related to a particular topic, theme, or area of interest in a visual box. To ensure that related content is easily distinguishable and accessible for screen readers, it is essential to use clear and descriptive card titles. These titles can also serve as anchor text when creating jump-to menus or directing users to a specific section.
Two-column cards are a useful element to improve the way content appears on a website. They enable easy comparison between two pieces of text, help to shorten longer pieces of information, add a visual element to websites, separate similar content into distinct areas, and reduce the vertical length of a webpage.
Two-column cards are ideal for displaying videos and images. The Title with Text option allows up to 560 characters, including spaces, but it's recommended to stay under 600 characters for mobile-friendliness.
Title Only (Grey Background)
It is always recommended to use heading three, unless you are not using a section title.
