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
it creates a new row instead of column.
but if I try with different values like 5 and 7 it works
here is my 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 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 %}
We used your code in our editor, corrected it and now it's working fine. Check this Screenshot:
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:
Hope this helps! If we were able to answer your query, kindly help the community by marking it as a solution. Thanks and Regards.
We used your code in our editor, corrected it and now it's working fine. Check this Screenshot:
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:
Hope this helps! If we were able to answer your query, kindly help the community by marking it as a solution. Thanks and Regards.