{"id":138,"date":"2025-05-27T12:48:14","date_gmt":"2025-05-27T12:48:14","guid":{"rendered":"https:\/\/brugbarviden.dk\/?p=138"},"modified":"2025-05-27T15:03:34","modified_gmt":"2025-05-27T15:03:34","slug":"wordpress-gutenberg-block-editing","status":"publish","type":"post","link":"https:\/\/brugbarviden.dk\/?p=138","title":{"rendered":"WordPress Gutenberg Block editor – Columns, Stacks and Groups"},"content":{"rendered":"\n

How to build a 3 column layout with gutenberg Block editor that is mobile-friendly. <\/h2>\n\n\n\n

When you build a 3-column layout you have 3 columns within a parent column container. Notice that I gave each column a border. Columns don’t give you the option to stretch the column to take up 100% height <\/strong>of its parent container, so if you look at the image below you can see that column 1 is not taking up the full space of its parent container. Only stacks allow this, option, not columns. Also If you place the blocks (Header, image, paragraph, button) within each Column. You cannot push the button to the bottom if <\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n

Solution Add a stack <\/h2>\n\n\n\n
    \n
  1. You have 3 columns winin a parent column container. <\/strong>\n