Differences Between Card and Layout Bundles

Differences Between Card (Two and Three Columns) and Layout (Two and Three Columns) Bundles

Similarities

• Breakpoints: Both Card and Layout bundles share the same breakpoints, ensuring a consistent responsive design across devices.
• Configurations: They have identical configurations under display settings, making it easy to switch between the two types of bundles if needed.

Differences

Card Bundles

• Bundle Insertion: Card bundles allow you to insert only two types of bundles in any column, specifically two custom bundles with their own CSS customizations.
• Content Restrictions: Each side of the column can contain only one bundle, either text or image, providing a clear and focused presentation.
• Hero Effect: The image title is displayed on top of the image, creating a Hero style effect that highlights the content.
• Background Color: A background color can be applied to the entire image to enhance text contrast, making the content more readable and visually appealing.
• Use Case: Card bundles are well-suited for showcasing featured content or serving as headers on a page, providing a visually striking presentation.

Layout Bundles

• Flexibility: Layout bundles offer more flexibility, allowing you to insert any type of bundle into any column, without the restrictions found in Card bundles.
• Comprehensive Layouts: They are ideal for creating comprehensive page layouts, such as custom layout pages, where a variety of content types need to be displayed together.
• Multiple Bundles: Multiple bundles can be added within each column, enabling combinations like an image followed by text and then a slideshow, offering greater design versatility.
• Complex Layouts: Layout bundles are perfect for utilizing Paragraphs bundles (PB) content in open, complex layouts, providing greater versatility in page design and content arrangement.

By understanding these differences, you can select the appropriate bundle type to best meet your content presentation and design needs. Card bundles are ideal for focused, feature-rich sections, while Layout bundles provide the flexibility needed for more complex and comprehensive page layouts.