> For the complete documentation index, see [llms.txt](https://webvista-studio.gitbook.io/krank/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webvista-studio.gitbook.io/krank/sections/media-and-layout/multicolumn.md). # Multicolumn The **Multicolumn section** is ideal for displaying multiple sets of content with images and text, such as features, services, or team profiles. It offers flexible layout settings to match different screen sizes and design needs.

### 🎨 Color Scheme Choose or edit the color scheme to control all element styles (background, text, buttons, etc.) in this section.\ 💡 **Tip**: Use your brand's primary colors for consistency. *** ### ⚙️ Card Settings * **Image Ratio**: Options include Auto, 1:1, 4:5, 8:5 * **Alignment**: Align content left, center, or right\ 💡 **Tip**: Keep alignment and image ratios consistent for visual balance. *** ### 📦 Section Blocks **▸ Section Header (Optional)** You can add a section title and combine the following block types:\ Badge Group, Button, Button Group, Countdown Timer, Description, Discount Code, Follow Us, Title, Key Metrics, Icon, Icon with Text, Keywords, Link Group, Social Media List, Subtitle, Video Button, Spacing *** ### 🖼️ Image with Text List * **Layout**: Grid or Slider * **Columns**: Set between 2 and 8; 3–5 columns are optimal * **Mobile**: Grid by default; slider is optional. Supports 1–2 columns\ 💡 **Tip**: Use fewer columns for more detailed content. Use more columns for simple, icon-style layouts. *** ### 📌 Image with Text Item Settings Each item can include: * An uploaded image * Title * Description * Button with link 💡 **Tip**: Limit text per card and maintain consistent image style for best performance. *** ### 🧾 Usage Recommendations * Recommended image size: 1000x1000px for consistent look * Use grid on desktop, slider on mobile for better experience * Stick to brand-aligned colors and typography