# two dnd\_column with width = 6 not working

**URL:** <https://community.hubspot.com/t/two-dnd-column-with-width-6-not-working/48006>\
**Category:** CMS Development\
**Created:** [December 4, 2021, 10:22pm UTC](https://community.hubspot.com/t/two-dnd-column-with-width-6-not-working/48006 "2021-12-04T22:22:18Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![llopez1](https://avatars.discourse-cdn.com/v4/letter/l/da6949/32.png) [@llopez1](https://community.hubspot.com/u/llopez1)\
**Post date:** [December 4, 2021, 10:22pm UTC](https://community.hubspot.com/t/two-dnd-column-with-width-6-not-working/48006/1 "2021-12-04T22:22:18Z")

</div>

Hello community, I have a problem with the layout. I want to create two columns inside my section so I use a width of 6 and an offset of 0 and 6 respectively.  
but the result gives me the following structure

 ![llopez1_0-1638656015605.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/f/ff78cf5929067dcf38ced3abd85f57af5b448c41.png)

it creates a new row instead of column.

but if I try with different values like 5 and 7 it works

 ![llopez1_1-1638656146309.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/b/b29ba766605b0a8b5309a06b2defcaf51453b2b8.png)

here is my code

```lia-code-sample
{% dnd_section %}
 {% dnd_column width=6, offset=0%}
 {% dnd_row %}
 {% dnd_module
 path="@hubspot/rich_text",
 %}
 {% module_attribute "html" %}
 <p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
 </p>
 {% end_module_attribute %}
 {% end_dnd_module %}
 {% end_dnd_row %}
 {% end_dnd_column %}
 {% dnd_column width=6, offset=6%}
 {% dnd_row %}
 {% dnd_module
 path="@hubspot/rich_text",
 width=6,
 offset=0
 %}
 {% module_attribute "html" %}
 <p>
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
 </p>
 {% end_module_attribute %}
 {% end_dnd_module %}
 {% end_dnd_row %}
 {% end_dnd_column %}
{% end_dnd_section %}

```

How do I fix this? Thanks!

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [December 6, 2021, 9:34am UTC](https://community.hubspot.com/t/two-dnd-column-with-width-6-not-working/48006/2 "2021-12-06T09:34:25Z")

</div>

Hi @llopez1 ,

We used your code in our editor, corrected it and now it’s working fine. Check this Screenshot:

 ![webdew_0-1638783198980.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/6/1609acb59d2bbd6391d533d4724a5640362323ae.png)

Just replace your code with the following code

{% dnd\_section %}

{% dnd\_column width=6, offset=0%}

```
{% dnd\_row %}

  {% dnd\_module

   path="@hubspot/rich\_text",

  %}

  {% module\_attribute "html" %}

    \<p>

```

Lorem Ipsum is simply a dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

```
     \</p>

   {% end\_module\_attribute %}

 {% end\_dnd\_module %}

```

{% end\_dnd\_row %}

{% end\_dnd\_column %}

{% dnd\_column width=6, offset=6%}

```
 {% dnd\_row %}

   {% dnd\_module

     path="@hubspot/rich\_text",

    %}

   {% module\_attribute "html" %}

     \<p>

             Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

     \</p>

    {% end\_module\_attribute %}

  {% end\_dnd\_module %}

{% end\_dnd\_row %}

```

{% end\_dnd\_column %}

{% end\_dnd\_section %}

The error in your code was this:

 ![webdew_1-1638783240439.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/e/7e9a783402c86b1997eb344ece598154bc1bb057.png)

Hope this helps!  
If we were able to answer your query, kindly help the community by marking it as a solution.  
Thanks and Regards.