# Block Attributes out of order in Gutenberg

**URL:** <https://forum.pinegrow.com/t/block-attributes-out-of-order-in-gutenberg/7145>\
**Category:** Blocks\
**Created:** [October 27, 2022, 7:51pm UTC](https://forum.pinegrow.com/t/block-attributes-out-of-order-in-gutenberg/7145 "2022-10-27T19:51:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![chipriggs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/chipriggs/32/5076_2.png) [@chipriggs](https://forum.pinegrow.com/u/chipriggs)\
**Post date:** [October 27, 2022, 7:51pm UTC](https://forum.pinegrow.com/t/block-attributes-out-of-order-in-gutenberg/7145/1 "2022-10-27T19:51:50Z")

</div>

I’m in the process of building out an about section block for the front page of a WordPress site and when the block attributes are showing up in the Gutenberg editor they seem out of order, not only to the order they were created but also to the document flow.

If you look at the images I’ve attached, I would think that the “About Social Icon 1” and the “About Socal Link 1” would be listed together in the editor but unfortunately, they’re totally separated, with the links being listed in the “Block Properties” section and the images being pushed up to the top.

Am I formatting this incorrectly or is this a bug of some kind? Hopefully, this isn’t how it’s supposed to work as it’ll be really confusing to the end user.

Thanks in advance for any help!

 ![Screen Shot 2022-10-27 at 3.29.12 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/c/c1d847786691ad11758b38c943661787ae750eef.jpeg)  
 ![Screen Shot 2022-10-27 at 3.30.40 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6cc3f516856d1e28c8d0b13140ae9d51ad8ad680.png)

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [October 27, 2022, 7:59pm UTC](https://forum.pinegrow.com/t/block-attributes-out-of-order-in-gutenberg/7145/2 "2022-10-27T19:59:57Z")

</div>

For this kind of layout, I think this documentation will help you:

> **[Inner Blocks - Blocks within the blocks | Pinegrow Web Editor](https://pinegrow.com/docs/wordpress/creating-custom-wordpress-blocks/inner-blocks/)**
>
> Create an area where sub-blocks can be inserted into the block.

---

<div class="post-metadata">

**Author:** ![chipriggs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/chipriggs/32/5076_2.png) [@chipriggs](https://forum.pinegrow.com/u/chipriggs)\
**Post date:** [October 27, 2022, 8:38pm UTC](https://forum.pinegrow.com/t/block-attributes-out-of-order-in-gutenberg/7145/3 "2022-10-27T20:38:27Z")

</div>

Thanks @Emmanuel, that did the trick! I actually had that doc page already open and tried it previously but I must have done something incorrectly the first time as it didn’t work properly.

Now I just need to dig through my dev tools in the browser to figure out why in the editor it’s floating the icons to the right but showing them correctly to the original layout (floated to the left) in the front end. LOL!

Thanks again 🙌 🙌