> ## 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).

# Responsive Column Stacking

# Getting Started

This article will cover how you can enable responsive column stacking on a row and also adjust the column sizes on different devices. Follow all the instructions given in the sections below.

# How to use Responsive Column Stacking

**Follow the steps** below to use **responsive column stacking** on a row:

* Click on any row and press **Edit**
* In the Row/Container option, enable the **Reverse Column Stacking (Responsive)** setting.

Refer to the **GIF** below to know how to use this setting:

![](https://cdn.cmsfly.com/63c77be91eae1400354df959/gif_recording_2022-08-29_at_5.30.45_pm-KN4yTP.gif)

Reverse column stacking only works for Tab and Mobile devices

---

# Adjusting Column Ratio

To adjust column ratio and make it responsive follow the steps in the GIF below:

![](https://cdn.cmsfly.com/63c77be91eae1400354df959/gif_recording_2022-08-29_at_5.36.25_pm-Zvh_L6.gif)

---

**Related articles**

[How to control Z-index](/en/article/how-to-control-z-index-1p6jgm6/)

[Section, Row, Columns, Elements](/en/article/section-row-columns-elements-1o4131s/)