# Reference Documents

Technical documents that can be applied to multiple MIDILLI products.

# JSON File Definition

Applicable on: [SVG Generator](https://docs.midilli.tech/books/midilli-svg-generator "MIDILLI SVG Generator Manual"), [G-Code Generator](https://docs.midilli.tech/books/midilli-g-code-generator "MIDILLI G-Code Generator"), [STL Generator](https://docs.midilli.tech/books/midilli-stl-generator-for-3d-printers "MIDILLI STL Generator for 3D Printers")

**MIDILLI Tools** require a JSON file to operate. An example file is provided in the tool manuals, which you can modify to meet your specific needs. Below is a detailed explanation of the mandatory (indicated in bold) and optional properties and parameters. The text enclosed in square brackets \[ \] can be replaced if it begins with *unique*; otherwise, you should choose from the available options (e.g., \[uniquePartName\]\_\[Side\]).

To create your own JSON file, you can also use our online [Visual Box Designer](https://midilli.tech/visual-box-designer/) or textual [JSON Creator](https://midilli.tech/midilli-tools-json-creator/).

This JSON is a simplified version of the full configuration we use internally. It allows you to quickly customize your design without diving into complex data structures, offering a streamlined approach to controlling your project.

<figure class="wp-block-table is-style-stripes has-small-font-size" id="bkmrk-section-property-des"><table class="has-black-color has-white-background-color has-text-color has-background has-link-color" style="width:105.833%;height:2272.8px;"><thead><tr style="height:63.2px;"><th class="has-text-align-center" style="width:20.8532%;height:63.2px;">Section</th><th class="has-text-align-center" style="width:15.6095%;height:63.2px;">Property</th><th class="has-text-align-center" style="width:16.0873%;height:63.2px;">Description</th><th class="has-text-align-center" style="width:14.2993%;height:63.2px;">Parameter</th><th style="width:21.8065%;height:63.2px;">Parameter description</th><th class="has-text-align-center" style="width:6.19638%;height:63.2px;">Unit</th><th class="has-text-align-center" style="width:5.12393%;height:63.2px;">Multiplicity</th></tr></thead><tbody><tr style="height:46.4px;"><td class="has-text-align-center" style="width:20.8532%;height:46.4px;">**Generic**</td><td class="has-text-align-center" style="width:15.6095%;height:46.4px;"> </td><td class="has-text-align-center" style="width:16.0873%;height:46.4px;">Specify generic properties</td><td class="has-text-align-center" style="width:14.2993%;height:46.4px;"> </td><td style="width:21.8065%;height:46.4px;"> </td><td class="has-text-align-center" style="width:6.19638%;height:46.4px;">–</td><td class="has-text-align-center" style="width:5.12393%;height:46.4px;">1</td></tr><tr style="height:46.4px;"><td class="has-text-align-center" style="width:20.8532%;height:46.4px;">**Generic**</td><td class="has-text-align-center" style="width:15.6095%;height:46.4px;">**width**</td><td class="has-text-align-center" style="width:16.0873%;height:46.4px;">The width of the box\* (on x-axis).</td><td class="has-text-align-center" style="width:14.2993%;height:46.4px;">–</td><td style="width:21.8065%;height:46.4px;"> </td><td class="has-text-align-center" style="width:6.19638%;height:46.4px;">cm</td><td class="has-text-align-center" style="width:5.12393%;height:46.4px;">1</td></tr><tr style="height:46.4px;"><td class="has-text-align-center" style="width:20.8532%;height:46.4px;">**Generic**</td><td class="has-text-align-center" style="width:15.6095%;height:46.4px;">**length**</td><td class="has-text-align-center" style="width:16.0873%;height:46.4px;">The length of the box\* (on y-axis).</td><td class="has-text-align-center" style="width:14.2993%;height:46.4px;">–</td><td style="width:21.8065%;height:46.4px;"> </td><td class="has-text-align-center" style="width:6.19638%;height:46.4px;">cm</td><td class="has-text-align-center" style="width:5.12393%;height:46.4px;">1</td></tr><tr style="height:46.4px;"><td class="has-text-align-center" style="width:20.8532%;height:46.4px;">**Generic**</td><td class="has-text-align-center" style="width:15.6095%;height:46.4px;">material\_thickness</td><td class="has-text-align-center" style="width:16.0873%;height:46.4px;">The thickness of the material.</td><td class="has-text-align-center" style="width:14.2993%;height:46.4px;">–</td><td style="width:21.8065%;height:46.4px;"> </td><td class="has-text-align-center" style="width:6.19638%;height:46.4px;">mm</td><td class="has-text-align-center" style="width:5.12393%;height:46.4px;">0-1</td></tr><tr style="height:46.4px;"><td class="has-text-align-center" style="width:20.8532%;height:46.4px;">**Generic**</td><td class="has-text-align-center" style="width:15.6095%;height:46.4px;">board\_height\_3d</td><td class="has-text-align-center" style="width:16.0873%;height:46.4px;">The height of the box\* (on z-axis).</td><td class="has-text-align-center" style="width:14.2993%;height:46.4px;">–</td><td style="width:21.8065%;height:46.4px;"> </td><td class="has-text-align-center" style="width:6.19638%;height:46.4px;">mm</td><td class="has-text-align-center" style="width:5.12393%;height:46.4px;">0-1</td></tr><tr style="height:80px;"><td class="has-text-align-center" style="width:20.8532%;height:80px;">**Generic**</td><td class="has-text-align-center" style="width:15.6095%;height:80px;">outer\_sizing</td><td class="has-text-align-center" style="width:16.0873%;height:80px;">Whether to include material thickness in the calculations.</td><td class="has-text-align-center" style="width:14.2993%;height:80px;">–</td><td style="width:21.8065%;height:80px;"> </td><td class="has-text-align-center" style="width:6.19638%;height:80px;">bool (true or false)</td><td class="has-text-align-center" style="width:5.12393%;height:80px;">0-1</td></tr><tr style="height:197.6px;"><td style="width:20.8532%;height:197.6px;">**Generic**</td><td style="width:15.6095%;height:197.6px;">finger\_joint</td><td style="width:16.0873%;height:197.6px;">Whether to add finger (box) joints to the 4 wall corners so panels can be assembled without glue. Front/Back panels get protruding fingers, Left/Right panels get the matching slots.</td><td style="width:14.2993%;height:197.6px;">–</td><td style="width:21.8065%;height:197.6px;">  
</td><td style="width:6.19638%;height:197.6px;">bool (true or false)</td><td style="width:5.12393%;height:197.6px;">0-1</td></tr><tr style="height:29.6px;"><td style="width:20.8532%;height:29.6px;">**Generic**</td><td style="width:15.6095%;height:29.6px;">finger\_size</td><td style="width:16.0873%;height:29.6px;">The width of a single finger. If not set, defaults to the material thickness. A warning is printed if it is smaller than the material thickness.</td><td style="width:14.2993%;height:29.6px;">–</td><td style="width:21.8065%;height:29.6px;">  
</td><td style="width:6.19638%;height:29.6px;">mm</td><td style="width:5.12393%;height:29.6px;">0-1</td></tr><tr style="height:46.4px;"><td style="width:20.8532%;height:46.4px;">**Generic**</td><td style="width:15.6095%;height:46.4px;">finger\_count</td><td style="width:16.0873%;height:46.4px;">Number of fingers on each wall edge. If not set (or 0), it is calculated automatically from the edge length and finger size.</td><td style="width:14.2993%;height:46.4px;">–</td><td style="width:21.8065%;height:46.4px;">  
</td><td style="width:6.19638%;height:46.4px;">count</td><td style="width:5.12393%;height:46.4px;">0-1</td></tr><tr style="height:29.6px;"><td style="width:20.8532%;height:29.6px;">**Generic**</td><td style="width:15.6095%;height:29.6px;">finger\_clearance</td><td style="width:16.0873%;height:29.6px;">Extra clearance added to the slots so the fingers fit without sticking. Applied only to the slots that receive a finger (Left/Right); Front/Back notches stay at finger\_size to keep the edge even. Default: 0.</td><td style="width:14.2993%;height:29.6px;">–</td><td style="width:21.8065%;height:29.6px;">  
</td><td style="width:6.19638%;height:29.6px;">mm</td><td style="width:5.12393%;height:29.6px;">0-1</td></tr><tr style="height:130.4px;"><td class="has-text-align-center" style="width:20.8532%;height:130.4px;">**\[uniquePartName\]\_\[Side\]**</td><td class="has-text-align-center" style="width:15.6095%;height:130.4px;"> </td><td class="has-text-align-center" style="width:16.0873%;height:130.4px;">Initiate creation of \[Side\] side of the part \[uniquePartName\]. Side can be: Top, Bottom, Left, Right, Back, Front.</td><td class="has-text-align-center" style="width:14.2993%;height:130.4px;"> </td><td style="width:21.8065%;height:130.4px;"> </td><td class="has-text-align-center" style="width:6.19638%;height:130.4px;">–</td><td class="has-text-align-center" style="width:5.12393%;height:130.4px;">1-6</td></tr><tr style="height:130.4px;"><td class="has-text-align-center" style="width:20.8532%;height:130.4px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:130.4px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:130.4px;">A unique component name to create a hole or rectangular shape on the \[uniquePartName\] \[Side\].</td><td class="has-text-align-center" style="width:14.2993%;height:130.4px;"> </td><td style="width:21.8065%;height:130.4px;"> </td><td class="has-text-align-center" style="width:6.19638%;height:130.4px;">–</td><td class="has-text-align-center" style="width:5.12393%;height:130.4px;">0-\*</td></tr><tr style="height:80px;"><td class="has-text-align-center" style="width:20.8532%;height:80px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:80px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:80px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:80px;">**location\_x**</td><td style="width:21.8065%;height:80px;">X position of center of the \[uniqueComponentName\] relative to the \[uniquePartName\] \[Side\].</td><td class="has-text-align-center" style="width:6.19638%;height:80px;">cm</td><td class="has-text-align-center" style="width:5.12393%;height:80px;">1</td></tr><tr style="height:80px;"><td class="has-text-align-center" style="width:20.8532%;height:80px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:80px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:80px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:80px;">**location\_y**</td><td style="width:21.8065%;height:80px;">X position of center of the \[uniqueComponentName\] relative to the \[uniquePartName\] \[Side\].</td><td class="has-text-align-center" style="width:6.19638%;height:80px;">cm</td><td class="has-text-align-center" style="width:5.12393%;height:80px;">1</td></tr><tr style="height:96.8px;"><td class="has-text-align-center" style="width:20.8532%;height:96.8px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:96.8px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:96.8px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:96.8px;">**drill\_diameter**</td><td style="width:21.8065%;height:96.8px;">The diameter of the hole to open. Has priority over *drill\_width* and *drill\_length*. Set to 0 only to display text.</td><td class="has-text-align-center" style="width:6.19638%;height:96.8px;">cm</td><td class="has-text-align-center" style="width:5.12393%;height:96.8px;">1</td></tr><tr style="height:147.2px;"><td class="has-text-align-center" style="width:20.8532%;height:147.2px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:147.2px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:147.2px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:147.2px;">**drill\_width**</td><td style="width:21.8065%;height:147.2px;">The drill width of the rectangle to cut out. If *drill\_diameter* is found, *drill\_width* is ignored. Mandatory if *drill\_diameter* is not used. Set to 0 only to display text.</td><td class="has-text-align-center" style="width:6.19638%;height:147.2px;">cm</td><td class="has-text-align-center" style="width:5.12393%;height:147.2px;">1</td></tr><tr style="height:147.2px;"><td class="has-text-align-center" style="width:20.8532%;height:147.2px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:147.2px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:147.2px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:147.2px;">**drill\_length**</td><td style="width:21.8065%;height:147.2px;">The drill length (y-axis) of the rectangle to cut out. If *drill\_diameter* is found, *drill\_length* is ignored. Mandatory if *drill\_diameter* is not used. Set to 0 only to display text.</td><td class="has-text-align-center" style="width:6.19638%;height:147.2px;">cm</td><td class="has-text-align-center" style="width:5.12393%;height:147.2px;">1</td></tr><tr style="height:96.8px;"><td class="has-text-align-center" style="width:20.8532%;height:96.8px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:96.8px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:96.8px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:96.8px;">rotation</td><td style="width:21.8065%;height:96.8px;">Clockwise rotation of the component (0-359). If *call\_name* is set, text is also rotated around the component.</td><td class="has-text-align-center" style="width:6.19638%;height:96.8px;">degree</td><td class="has-text-align-center" style="width:5.12393%;height:96.8px;">0-1</td></tr><tr style="height:96.8px;"><td class="has-text-align-center" style="width:20.8532%;height:96.8px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:96.8px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:96.8px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:96.8px;">call\_name</td><td style="width:21.8065%;height:96.8px;">Text to assign to the component. Placed using *visible\_length* and *visible\_width* as margin. See *rotation* for more info.</td><td class="has-text-align-center" style="width:6.19638%;height:96.8px;">text</td><td class="has-text-align-center" style="width:5.12393%;height:96.8px;">0-1</td></tr><tr style="height:46.4px;"><td class="has-text-align-center" style="width:20.8532%;height:46.4px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:46.4px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:46.4px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:46.4px;">silk\_screen\_font\_size</td><td style="width:21.8065%;height:46.4px;">Custom font size for the text in pixels (px).</td><td class="has-text-align-center" style="width:6.19638%;height:46.4px;">px</td><td class="has-text-align-center" style="width:5.12393%;height:46.4px;">0-1</td></tr><tr style="height:147.2px;"><td class="has-text-align-center" style="width:20.8532%;height:147.2px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:147.2px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:147.2px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:147.2px;">visible\_diameter</td><td style="width:21.8065%;height:147.2px;">If a recess is desired in the shape of a circle instead of a rectangle, this value must be specified. If this value is not found then *visible length* and *visible\_width* values are used.</td><td class="has-text-align-center" style="width:6.19638%;height:147.2px;">cm</td><td class="has-text-align-center" style="width:5.12393%;height:147.2px;">0-1</td></tr><tr style="height:197.6px;"><td class="has-text-align-center" style="width:20.8532%;height:197.6px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:197.6px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:197.6px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:197.6px;">visible\_length</td><td style="width:21.8065%;height:197.6px;">If the visible area of the component is not the same as the drill size, *call\_name* uses this parameter to adjust the font margins keep the text above the visible section. If not found, *drill\_length* is used. This value is also used for the recess length of the component.</td><td class="has-text-align-center" style="width:6.19638%;height:197.6px;">cm</td><td class="has-text-align-center" style="width:5.12393%;height:197.6px;">0-1</td></tr><tr style="height:197.6px;"><td class="has-text-align-center" style="width:20.8532%;height:197.6px;">\[uniquePartName\]\_\[Side\]</td><td class="has-text-align-center" style="width:15.6095%;height:197.6px;">\[uniqueComponentName\]</td><td class="has-text-align-center" style="width:16.0873%;height:197.6px;">–</td><td class="has-text-align-center" style="width:14.2993%;height:197.6px;">visible\_width</td><td style="width:21.8065%;height:197.6px;">If the visible area of the component is not the same as the drill size, *call\_name* uses this parameter to keep the text horizontally centered with the component. If not found *drill\_width* is used. This value is also used for the recess width of the component.</td><td class="has-text-align-center" style="width:6.19638%;height:197.6px;">cm</td><td class="has-text-align-center" style="width:5.12393%;height:197.6px;">0-1</td></tr></tbody></table>

<figcaption class="wp-element-caption">*\* These values may change depending on outer or inner-sizing choice. **Bold font** represents a mandatory property.*</figcaption></figure>The text *\[uniquePartName\]* can be replaced with any name, brackets should be removed, e.g, MyPart

However, *\[Side\]* should be replaced with one of *Top, Bottom, Left, Right, Back, Front*. Note: each side may appear only once for a *\[uniquePartName\]* part, e.g., *MyPart\_Top* or *MyPart\_Left*. If any of the sides are missing it will not be created.

*Note: Use dot (.) if working with decimal numbers to separate the integer part.*

# Understanding 2D Coordinate Systems in MIDILLI Tools

Applicable on: [SVG Generator](https://docs.midilli.tech/books/midilli-svg-generator "MIDILLI SVG Generator"), [G-Code Generator](https://docs.midilli.tech/books/midilli-g-code-generator "MIDILLI G-Code Generator"), [STL Generator](https://docs.midilli.tech/books/midilli-stl-generator-for-3d-printers "MIDILLI STL Generator for 3D Printers")

In the *MIDILLI Tools*, a 2D coordinate system is used for the parts and components. The box height is also specified to enable assembling the generated sides into a finished box structure.

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex" id="bkmrk-the-coordinate-syste"><div class="wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image"><figure class="aligncenter size-large is-resized">![](https://mlg8ybik0dvi.i.optimole.com/w:243/h:139/q:mauto/dpr:1.3/f:best/ig:avif/https://midilli.info/wp-content/uploads/2025/01/2d-coordinates-1024x586.png)<figcaption class="wp-element-caption">The coordinate system with direction of increase and direction of rotation in the MIDILLI SVG Generator.</figcaption></figure></div></div></div>Each side of the shape has its local origin starting at the top-left corner (x = 0, y = 0). The default rotation of the added components is set to zero (0) degrees, with rotation occurring clockwise. For example, a 90-degree rotation will rotate the component 90 degrees to the right. All coordinates and locations in the JSON file are given in centimeters (cm), and the rotation is measured in degrees. This is how the final box without any components may look like if all sides are exported:

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex" id="bkmrk-the-dots-represent-t"><div class="wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image wp-duotone-000000-abb8c3-1 align-center"><figure class="aligncenter size-large is-resized">![](https://mlg8ybik0dvi.i.optimole.com/w:594/h:469/q:mauto/dpr:1.3/f:best/ig:avif/https://midilli.info/wp-content/uploads/2025/01/box-sides-top-3d-1024x809.png)<figcaption class="wp-element-caption">*The dots represent the local origins (top-left) of each side.*</figcaption></figure></div></div></div>The two images below show how each side appears in the 2D view. Imagine pressing the 3D box above and flattening it to see this perspective:

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex" id="bkmrk-sizing-summary-if-in"><div class="wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image align-center"><figure class="aligncenter size-large is-resized">![](https://mlg8ybik0dvi.i.optimole.com/w:594/h:302/q:mauto/dpr:1.3/f:best/ig:avif/https://midilli.info/wp-content/uploads/2025/02/2d-inner-sizing-1024x521.png)<figcaption class="wp-element-caption">*Sizing summary if inner-sizing option is used (by default).*</figcaption></figure></div></div></div>If the inner-sizing option is used (enabled by default), the left and right sides will have a greater height/length to cover the back and front sides. Additionally, the left, right, back, and front will be slightly taller to maintain the specified inner volume. The top and bottom will then fit in accordingly. The components on sides (except top and bottom) will be repositioned considering these changes. For example, if you put a component at <code>x &#61; 0&#44; y &#61; 0</code> for right side, this component will be located at <code>x &#61; b&#44; y &#61; b</code>.

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex" id="bkmrk-sizing-summary-if-ou"><div class="wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image align-center"><figure class="aligncenter size-full is-resized">![](https://mlg8ybik0dvi.i.optimole.com/w:594/h:403/q:mauto/dpr:1.3/f:best/ig:avif/https://midilli.info/wp-content/uploads/2025/02/2d-outer-sizing.png)<figcaption class="wp-element-caption">*Sizing summary if outer-sizing option is used (can be enabled with command-line argument).*</figcaption></figure></div></div></div>If the outer-sizing option is enabled (via <code>&#45;&#45;outer&#45;sizing</code> command-line argument), the front and back sides will be slightly shorter to align with the width of the left and right sides. Similarly, all four sides (left, right, front, and back) will be slightly adjusted to maintain the specified outer volume. The top and bottom will then fit precisely on top of and beneath the other sides. In this case, unlike inner-sizing, components will be placed exactly as you specify it without any adjustments. Below, both variations for the sizing are shown in 3D:

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex" id="bkmrk-sizing-with-inner-si"><div class="wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image align-center"><figure class="aligncenter size-full">![](https://mlg8ybik0dvi.i.optimole.com/w:740/h:295/q:mauto/dpr:1.3/f:best/ig:avif/https://midilli.info/wp-content/uploads/2025/02/3d-inner-sizing.png)<figcaption class="wp-element-caption">*Sizing with inner-sizing (default) options.*</figcaption></figure></div><div class="wp-block-image align-center"><figure class="aligncenter size-full">![](https://mlg8ybik0dvi.i.optimole.com/w:740/h:259/q:mauto/dpr:1.3/f:best/ig:avif/https://midilli.info/wp-content/uploads/2025/02/3d-outer-sizing.png)<figcaption class="wp-element-caption">  
*Sizing with outer-sizing options.*</figcaption></figure>  
</div></div></div><p class="callout info">Tip: If you want the overall size to be exactly as you specify in the JSON file, use the <code>&#45;&#45;outer&#45;sizing</code> option. If you want the usable inner area to be the same as you define, leave it as default.</p>

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex" id="bkmrk-"><div class="wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image align-left">  
</div></div></div>