> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Row / Container


### Row / Container

Rows are first layer of containers inside a section. Sections holds columns and elements inside it. Multiple rows can be added inside a section and style them differently.
###### Row comes with section and column by default.

### How to Add New Section with Row and Columns

Open the editing modal of the row by clicking 

![Edit raw Style](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screenshot-2020-03-14-at-95214_iyixic.png)

### Row / Container Width & Column Height

Default row comes with 1140px width. Set 100% width or customize the default width in from global styles

${youtube}[Row](iwRaNerJuVk)

### Column Equal Hight and Gap

After the row / container width. There is equal height and column gap option. See the video below for working example. 

${youtube}[Column Equal Height & Column Gap](j1mzFQ5KVv4)

### Reverse Column Stacking (Responsive)

Reverse left right column position in responsive.

![Reverse](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/screen-shot-2025-04-22-at-1030_137cc81.png)

### Row / Container Background

Add color, gradient or image background in Row.  The background option works like other component's background.
Learn more about ######  How to add  / use background 

![Row Background](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/screen-shot-2025-04-22-at-1033_52ihq2.png)

### Styles Tab

Common Styles used in styles tab. Control the settings in styles tab from common styles.

###### Margin & Padding (Spacing)

###### Border

###### Border Radius (Rounded Corner)

###### Box Shadow

###### Transform

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/screen-shot-2025-04-22-at-1041_phjk32.png)

### Advanced Tab

Common Styles used in styles tab. Control the settings in styles tab from common styles. 

###### Animation on Scroll

###### Hover Transition

###### Z-Index

###### Custom CSS

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/screen-shot-2025-04-22-at-1045_hlc1lq.png)