cgb/block-cgb-section

CGB Section

Display content in multiple columns, with blocks added to each column.

core/columns

Columns

one-column-full

two-columns-equal

50 / 50

two-columns-one-third-two-thirds

30 / 70

two-columns-two-thirds-one-third

70 / 30

three-columns-equal

33 / 33 / 33

three-columns-wider-center

25 / 50 / 25

core/column

Column

<div class="wp-block-column" style="flex-basis:65%"><div class="wp-block-cgb-block-cgb-contact-item-tel" id="">Contact Item Tel</div><div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-cgb-block-cgb-contact-item-tel" id="">Contact Item Tel</div><div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div></div>

<div class="wp-block-column bordered" style="flex-basis:35%"><div class="wp-block-cgb-block-cgb-contact-item-1" id="">Contact Item Style 1</div></div>

<div class="wp-block-columns"><div class="wp-block-column" style="flex-basis:65%"><div class="wp-block-cgb-block-cgb-contact-item-tel" id="">Contact Item Tel</div><div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-cgb-block-cgb-contact-item-tel" id="">Contact Item Tel</div><div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div></div><div class="wp-block-column bordered" style="flex-basis:35%"><div class="wp-block-cgb-block-cgb-contact-item-1" id="">Contact Item Style 1</div></div></div>

Add white space between blocks and customize its height.

core/spacer

Spacer

Introduce new sections and organize content to help visitors (and search engines) understand the structure of your content.

core/heading

Heading

<h2 class="has-text-align-center">Де купити</h2>

cgb/block-cgb-map

CGB Map

<div class="wp-block-column" style="flex-basis:65%"><div class="wp-block-cgb-block-cgb-form"><h1>FORM COMPONENT</h1></div></div>

<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%"><div class="wp-block-cgb-block-image">CGB IMAGE</div></div>

<div class="wp-block-columns"><div class="wp-block-column" style="flex-basis:65%"><div class="wp-block-cgb-block-cgb-form"><h1>FORM COMPONENT</h1></div></div><div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%"><div class="wp-block-cgb-block-image">CGB IMAGE</div></div></div>

<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div><h2 class="has-text-align-center">Де купити</h2><div class="wp-block-cgb-block-cgb-map">MAP</div><div class="wp-block-columns"><div class="wp-block-column" style="flex-basis:65%"><div class="wp-block-cgb-block-cgb-form"><h1>FORM COMPONENT</h1></div></div><div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%"><div class="wp-block-cgb-block-image">CGB IMAGE</div></div></div><div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>