A hub and casual space for you to interact with fellow community members and learn more about Umbraco!

Umbraco

Hello, I'm new in the Umbraco world, and I'm trying to build a pet project.
I'm using Umbraco 13  for my project. I created a block grid for the section. In the block grid I define 3 areas column1, column2 and column3. I want to build a custom preview in the back office  for the section with the possibility to place areas in places where I want them in my layout. Is it possible to do. Could not find any information about this.
For example, like this:
<div class="custom-block">
    <div class="area column1">
        <h3>Column 1</h3>
        <umb-block-grid-render-area area="column1"></umb-block-grid-render-area>
    </div>
    <div class="area column2">
        <h3>Column 2</h3>
        <umb-block-grid-render-area area="column2"></umb-block-grid-render-area>
    </div>
    <div class="area column3">
        <h3>Column 3</h3>
        <umb-block-grid-render-area area="'column3"></umb-block-grid-render-area>
    </div>
</div>

Hi <@925399912592572416>, just to let you know that we'll soon stop the ability to create new questions on Discord as we're moving the <#1125392773038755890> channel over to our new forum. 
You can read more about this initiative here: https://discord.com/channels/869656431308189746/869656431308189749/1344602175019421736
I'd recommend you log in to the forum (https://forum.umbraco.com) with your GitHub account and post this question there. Thanks, and see you there!