{"version":"1.0","provider_name":"Flexi Post Grid","provider_url":"https:\/\/creativewebui.com\/flexi-post-grid","author_name":"Elementordipak","author_url":"https:\/\/creativewebui.com\/flexi-post-grid\/author\/elementordipak\/","title":"Grid Spacing and Columns - Flexi Post Grid","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"1KcZdO68lX\"><a href=\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-spacing-and-columns\/\">Grid Spacing and Columns<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-spacing-and-columns\/embed\/#?secret=1KcZdO68lX\" width=\"600\" height=\"338\" title=\"&#8220;Grid Spacing and Columns&#8221; &#8212; Flexi Post Grid\" data-secret=\"1KcZdO68lX\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/creativewebui.com\/flexi-post-grid\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"Control the layout structure of your grid with customizable column count and gutter spacing. Settings Setting Description Number of Columns Set how many columns to show per row. This is fully responsive: you can customize the number of columns for Desktop, Tablet, and Mobile separately. Gutter Space Controls the spacing (in pixels) between each grid item. Default is 20. Set to 0 for no spacing. Responsive Breakpoints for Columns Device Example Value Description Desktop 3 columns Standard large screen layout Tablet 2 columns Optimized for medium screens Mobile 1 column Stacks items vertically for small screens Use Case Example Scenario: You want a product grid that looks clean across devices:","thumbnail_url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_5.jpg"}