Block Composition with Large Red Plane, Yellow, Black, Gray, and Blue

Block Composition with Large Red Plane, Yellow, Black, Gray, and Blue

Made by Mel Choyce-Dwan using the following materials: Columns block, Group block, Spacer block.

<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:25%"><!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#d3dce4"}}} -->
<div class="wp-block-group has-background" style="background-color:#d3dce4;border-style:solid"></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"}},"backgroundColor":"background"} -->
<div class="wp-block-group has-background-background-color has-background" style="border-style:solid"><!-- wp:spacer {"height":60} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#d3dce4"}}} -->
<div class="wp-block-group has-background" style="background-color:#d3dce4;border-style:solid"><!-- wp:spacer {"height":160} -->
<div style="height:160px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#e2b748"}}} -->
<div class="wp-block-group has-background" style="background-color:#e2b748;border-style:solid"><!-- wp:spacer {"height":142} -->
<div style="height:142px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"35%"} -->
<div class="wp-block-column" style="flex-basis:35%"><!-- wp:group {"style":{"border":{"style":"solid"}},"backgroundColor":"background"} -->
<div class="wp-block-group has-background-background-color has-background" style="border-style:solid"></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#ad3024"}}} -->
<div class="wp-block-group has-background" style="background-color:#ad3024;border-style:solid"><!-- wp:spacer {"height":200} -->
<div style="height:200px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:group -->
<div class="wp-block-group"><!-- wp:columns {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"style":"solid"}},"backgroundColor":"foreground"} -->
<div class="wp-block-group has-foreground-background-color has-background" style="border-style:solid"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#d3dce4"}}} -->
<div class="wp-block-group has-background" style="background-color:#d3dce4;border-style:solid"><!-- wp:spacer {"height":62} -->
<div style="height:62px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#d3dce4"}}} -->
<div class="wp-block-group has-background" style="background-color:#d3dce4;border-style:solid"><!-- wp:spacer {"height":25} -->
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#d3dce4"}}} -->
<div class="wp-block-group has-background" style="background-color:#d3dce4;border-style:solid"><!-- wp:spacer {"height":24} -->
<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"}},"backgroundColor":"foreground"} -->
<div class="wp-block-group has-foreground-background-color has-background" style="border-style:solid"><!-- wp:spacer {"height":10} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"}},"backgroundColor":"background"} -->
<div class="wp-block-group has-background-background-color has-background" style="border-style:solid"><!-- wp:spacer {"height":1} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"30%"} -->
<div class="wp-block-column" style="flex-basis:30%"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#e2b748"}}} -->
<div class="wp-block-group has-background" style="background-color:#e2b748;border-style:solid"></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#e2b748"}}} -->
<div class="wp-block-group has-background" style="background-color:#e2b748;border-style:solid"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:columns {"style":{"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-columns" style="margin-top:0px;margin-bottom:0px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"style":"solid"}}} -->
<div class="wp-block-group" style="border-style:solid"><!-- wp:spacer {"height":94} -->
<div style="height:94px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"style":"solid"}}} -->
<div class="wp-block-group" style="border-style:solid"><!-- wp:spacer {"height":94} -->
<div style="height:94px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"style":{"border":{"style":"solid"}},"backgroundColor":"background"} -->
<div class="wp-block-group has-background-background-color has-background" style="border-style:solid"><!-- wp:spacer {"height":25} -->
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#19315e"}}} -->
<div class="wp-block-group has-background" style="background-color:#19315e;border-style:solid"><!-- wp:spacer {"height":85} -->
<div style="height:85px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"}},"backgroundColor":"background"} -->
<div class="wp-block-group has-background-background-color has-background" style="border-style:solid"><!-- wp:spacer {"height":1} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"10%"} -->
<div class="wp-block-column" style="flex-basis:10%"><!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#d3dce4"}}} -->
<div class="wp-block-group has-background" style="background-color:#d3dce4;border-style:solid"><!-- wp:spacer {"height":327} -->
<div style="height:327px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"solid"},"color":{"background":"#ad3024"}}} -->
<div class="wp-block-group has-background" style="background-color:#ad3024;border-style:solid"><!-- wp:spacer {"height":137} -->
<div style="height:137px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->