A grid.. a theme… that’s Twenty Fourteen. This pattern is inspired by Twenty Fourteen.
Pattern
Code
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"clamp(1.5rem, 5vw, 2rem)","bottom":"clamp(1.5rem, 5vw, 2rem)","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="padding-top:clamp(1.5rem, 5vw, 2rem);padding-right:0;padding-bottom:clamp(1.5rem, 5vw, 2rem);padding-left:0"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"dimensions":{"minHeight":"300px"}},"backgroundColor":"contrast","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-contrast-background-color has-background" style="min-height:300px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"backgroundColor":"tertiary","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-tertiary-background-color has-background"><!-- wp:separator {"backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"dimensions":{"minHeight":"50px"}},"backgroundColor":"contrast","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-contrast-background-color has-background" style="min-height:50px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"backgroundColor":"tertiary","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-tertiary-background-color has-background"><!-- wp:separator {"backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"color":{"background":"#24890d"},"dimensions":{"minHeight":"100px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="background-color:#24890d;min-height:100px"></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"dimensions":{"minHeight":"50px"}},"backgroundColor":"contrast","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-contrast-background-color has-background" style="min-height:50px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"backgroundColor":"tertiary","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-tertiary-background-color has-background"><!-- wp:separator {"backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"color":{"background":"#24890d"},"dimensions":{"minHeight":"100px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="background-color:#24890d;min-height:100px"></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"dimensions":{"minHeight":"50px"}},"backgroundColor":"contrast","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-contrast-background-color has-background" style="min-height:50px"></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"dimensions":{"minHeight":"50px"}},"backgroundColor":"contrast","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-contrast-background-color has-background" style="min-height:50px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->Screenshot
