Hello Guys, Anyone here can give me some ideas. I tried to create a multicolumns on hubspot templates. At first 3 columns is working fine but when I add a new column to make it 4 the error appears like this " Invalid argument in 'dnd_column': DnD column spanning row columns 13 to 15 exceeds max row width of 12" I can't seem find some fix online. Here's my code below : {% dnd_section
background_color={{ context.background_color or "#f8fafc" }},
vertical_alignment="MIDDLE"
%}
{% dnd_column
offset=0,
width=3
%}
{% dnd_row %}
{% dnd_module
path="@hubspot/rich_text",
html="<h3>Open Deals</h3><p>{{ personalization_token('company.hs_num_open_deals', '') }}</p>"
%}
{% end_dnd_module %}
{% end_dnd_row %}
{% dnd_row %}
{% dnd_module
path="../modules/button-deals",
button_text={{ context.button_text or "See Deals" }},
styles={
"alignment": {
"alignment": {
"horizontal_align": "LEFT"
}
}
}
%}
{% end_dnd_module %}
{% end_dnd_row %}
{% end_dnd_column %}
{% dnd_column
offset=3,
width=3
%}
{% dnd_row %}
{% dnd_module
path="@hubspot/rich_text",
html="<h3>Open deal value</h3><p>{{ personalization_token('company.hs_total_deal_value', '') }}</p>"
%}
{% end_dnd_module %}
{% end_dnd_row %}
{% dnd_row %}
{% dnd_module
path="../modules/button-deals",
button_text={{ context.button_text or "See Deals" }},
styles={
"alignment": {
"alignment": {
"horizontal_align": "LEFT"
}
}
}
%}
{% end_dnd_module %}
{% end_dnd_row %}
{% end_dnd_column %}
{% dnd_column
offset=9,
width=3
%}
{% dnd_row %}
{% dnd_module
path="@hubspot/rich_text",
html="<h3>Account Manager</h3><p>{{ personalization_token('contact.firstname', '') }}{{ personalization_token('contact.lastname', '') }}</p>"
%}
{% end_dnd_module %}
{% end_dnd_row %}
{% dnd_row %}
{% dnd_module
path="../modules/button-deals",
button_text={{ context.button_text or "Request a Call" }},
styles={
"alignment": {
"alignment": {
"horizontal_align": "LEFT"
}
}
}
%}
{% end_dnd_module %}
{% end_dnd_row %}
{% end_dnd_column %}
{% dnd_column
offset=12,
width=3
%}
{% dnd_row %}
{% dnd_module
path="@hubspot/rich_text",
html="<h3>Account Manager</h3><p>{{ personalization_token('contact.firstname', '') }}{{ personalization_token('contact.lastname', '') }}</p>"
%}
{% end_dnd_module %}
{% end_dnd_row %}
{% dnd_row %}
{% dnd_module
path="../modules/button-deals",
button_text={{ context.button_text or "Request a Call" }},
styles={
"alignment": {
"alignment": {
"horizontal_align": "LEFT"
}
}
}
%}
{% end_dnd_module %}
{% end_dnd_row %}
{% end_dnd_column %}
{% end_dnd_section %}
...read more