# dnd area columns

**URL:** <https://community.hubspot.com/t/dnd-area-columns/91519>\
**Category:** CMS Development\
**Created:** [October 10, 2023, 8:52pm UTC](https://community.hubspot.com/t/dnd-area-columns/91519 "2023-10-10T20:52:44Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![likwid](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/likwid/32/58551_2.png) [@likwid](https://community.hubspot.com/u/likwid)\
**Post date:** [October 10, 2023, 8:52pm UTC](https://community.hubspot.com/t/dnd-area-columns/91519/1 "2023-10-10T20:52:44Z")

</div>

I am tring to create columns using dnd areas and it just comes out in rows. Any idea why?

 ![likwid_0-1696970846147.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/6/a660453821924d48bdbfd58d8fc217bc4743c338.png)

Ends up

 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/d/ad9ece45c5ff68da33e4f3972113635827955062.png)

Thanks

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [October 12, 2023, 12:07am UTC](https://community.hubspot.com/t/dnd-area-columns/91519/2 "2023-10-12T00:07:58Z")

</div>

@likwid a few possible reasons - could be related to the responsiveness and browser size, if your browser size is too narrow, the editor is changing the layout to a single column to stack on tablet and/or mobile based on how the theme is coded.

another reason could be how the DnD area is coded for the theme/template - if it’s not configured properly.

is this a custom theme, marketplace theme, or one you’re developing?