# full\_width not working on dnd\_section

**URL:** <https://community.hubspot.com/t/full-width-not-working-on-dnd-section/58459>\
**Category:** CMS Development\
**Created:** [June 7, 2022, 8:12am UTC](https://community.hubspot.com/t/full-width-not-working-on-dnd-section/58459 "2022-06-07T08:12:47Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sonicfroots](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sonicfroots/32/78108_2.png) [@sonicfroots](https://community.hubspot.com/u/sonicfroots)\
**Post date:** [June 7, 2022, 8:12am UTC](https://community.hubspot.com/t/full-width-not-working-on-dnd-section/58459/1 "2022-06-07T08:12:47Z")

</div>

Hi all.

I’m creating a drag and drop page and I can’t seem to get a section to be Center Content (see screenshot) by default rather than Full Width. I assume I use the boolean full\_width=false but it is not working? Any help will be much appreciated. (I’ve got a feeling I’m missing something super simple here!) Code below:

 ![Screenshot 2022-06-07 at 09.05.46.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/9/922b2750ad9f536176154ccf3d44fa4270dfaa5d.png)

```lia-code-sample
{% dnd_section
 vertical_alignment='MIDDLE',
 full_width=false
 %}
 {% dnd_module path='@hubspot/rich_text',
 offset=0,
 width=6,
 %}
 {% module_attribute 'html' %}
 <h2>Heading</h2>
 {% end_module_attribute %}
 {% end_dnd_module %}
 {% dnd_module path='@hubspot/form'
 offset=6,
 width=6, 

 %}
 {% end_dnd_module %}

 {% end_dnd_section %}

```

---

<div class="post-metadata">

**Author:** ![Jaycee\_Lewis](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jaycee_lewis/32/61352_2.png) [@Jaycee\_Lewis](https://community.hubspot.com/u/Jaycee_Lewis)\
**Post date:** [June 7, 2022, 3:25pm UTC](https://community.hubspot.com/t/full-width-not-working-on-dnd-section/58459/2 "2022-06-07T15:25:44Z")

</div>

[@webdew](https://community.hubspot.com/t5/user/viewprofilepage/user-id/131510) @Oezcan do you have any insight for @sonicfroots?

Thank you! — Jaycee

---

<div class="post-metadata">

**Author:** ![AntoninCrestois](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/antonincrestois/32/98358_2.png) [@AntoninCrestois](https://community.hubspot.com/u/AntoninCrestois)\
**Post date:** [June 8, 2022, 9:37am UTC](https://community.hubspot.com/t/full-width-not-working-on-dnd-section/58459/3 "2022-06-08T09:37:29Z")

</div>

Hi there!

It seems we need to define a **max\_width** along with the full\_width parameter as well.

Here is the code that worked for me, setting the maximum content width to 300px:

```lia-code-sample
 {% dnd_section
 vertical_alignment='MIDDLE',
 full_width=false,
 max_width=300
 %}
 {% dnd_module path='@hubspot/rich_text',
 offset=0,
 width=6,
 %}
 {% module_attribute 'html' %}
 <h2>Heading</h2>
 {% end_module_attribute %}
 {% end_dnd_module %}
 {% dnd_module path='@hubspot/form'
 offset=6,
 width=6, 

 %}
 {% end_dnd_module %}

 {% end_dnd_section %}

```

Let me know if making this change works on your end!

_Slight edit_: I tested this without ‘full\_width=false’ and just specifying the max\_width and find that it automatically sets the section to be Center Content

Best,  
Antonin