30 / 70 – core/columns

Two columns; one-third, two-thirds split

Use the 30/ 70 columns block to create two columns with the second column twice the width of the first.

Screenshot

Please set featured image

Example

One third – 30%

should be 33

Two thirds – 70%

and 66

Notes

  • The 30 / 70 columns block is a variation of the columns block
  • This block should probably have been called 33 / 66 as this is a closer approximation to the actual width of each column.
  • The column widths are the initial sizes, which are percentages of the total width.
  • Each column can be moved left or right, as applicable.
  • You can add / remove columns using the parent block Columns – core/columns.

Variations

50 / 50 – two-columns-equal
Two columns; equal split
30 / 70 – two-columns-one-third-two-thirds
Two columns; one-third, two-thirds split
70 / 30 – two-columns-two-thirds-one-third
Two columns; two-thirds, one-third split
33 / 33 / 33 – three-columns-equal
Three columns; equal split
25 / 50 / 25 – three-columns-wider-center
Three columns; wide center column