{"id":10872,"date":"2022-12-29T09:53:02","date_gmt":"2022-12-29T16:53:02","guid":{"rendered":"https:\/\/www.blocksylaunch.click\/documentation\/?p=10872"},"modified":"2023-02-03T15:51:07","modified_gmt":"2023-02-03T22:51:07","slug":"sizing-options","status":"publish","type":"post","link":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/","title":{"rendered":"Using Divi Sizing Options"},"content":{"rendered":"<p>Divi Sizing Options make it easy to adjust the sizing of sections, rows, columns, and modules in Divi. Sizing is an essential part of building beautiful websites. Correct sizing helps to keep your website organized, well-balanced, and responsive. With Divi Sizing Options, it&#8217;s easy to adjust the height and width of elements in Divi.<\/p>\n<h2>In this doc, we&#8217;ll cover:<\/h2>\n<ul>\n<li><a href=\"#terms\">Sizing Terms and Definitions<\/a><\/li>\n<li><a href=\"#default-sizing\">Divi&#8217;s Default Sizing<\/a><\/li>\n<li><a href=\"#length-units\">Length Units Used For Sizing<\/a><\/li>\n<li><a href=\"#adjust-sizing\">How to Adjust Sizing In Divi<\/a><\/li>\n<li><a href=\"#sizing\">Sections, Rows, and Module Sizing<\/a><\/li>\n<li><a href=\"#best-tips\">Tips &amp; Best Practices For Using Divi&#8217;s Sizing Options<\/a><\/li>\n<li><a href=\"#continue-learning\">Continue Learning<\/a><\/li>\n<\/ul>\n<p><a name=\"terms\"><\/a><\/p>\n<h2>Sizing Terms and Definitions<\/h2>\n<p>The Sizing Settings Group is common across all of Divi and uses a lot of the same values and properties. Before we dive in, let&#8217;s define some of these terms so we know what we&#8217;re working with.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15149\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples.jpg\" alt=\"Where to find Divi Settings Options \" width=\"1800\" height=\"1200\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples.jpg 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples-300x200.jpg 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples-1024x683.jpg 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples-768x512.jpg 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<p><strong>Width: <\/strong>This determines the actual width of an element. If this is set to 100%, then the element will be as wide as the container it&#8217;s in allows it to be. We recommend using % values when setting width so that it automatically adapts as the browser window changes. The higher the percentage, the wider the element will be, and likewise, the lower the percentage the narrower the element will be.<\/p>\n<p><strong>Max-Width: <\/strong>The max-width determines the absolute maximum width allowed for an element. So if the width is set to 100% and the max-width is set to 80% the element will only reach 80% because the max-width supersedes the width.<\/p>\n<p><strong>Height: <\/strong>This determines the actual height of the element. We recommend setting height in pixels (px) so that your design elements retain their height as the browser window changes size and becomes mobile responsive.<\/p>\n<p><strong>Min-Height: <\/strong>This determines the minimum height you want to assign to an element. The element will not go smaller than the minimum-height set. This supersedes the height value, so if height is set to 200px and min-height is set to 300px, then the element will be at a minimum of 300px tall.<\/p>\n<p><strong>Max-Height: <\/strong>The max-height determines the absolute maximum height allowed for an element. So if the height is set to 200px and the max-height is set to 150px, the element will only reach a height of 150px because the max-height supersedes the height value.<\/p>\n<p><strong>Alignment:<\/strong> This determines the position of the design element you&#8217;re working on. You can choose to align elements to the left, center, and right.<\/p>\n<p><em>Note:\u00a0<\/em>There are a few more width and height options available within specialty sections. Those options are described in detail in the <a href=\"#specialty\">Specialty Section Sizing<\/a> section of this doc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10899 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/widths3.png\" alt=\"Examples of sizing in Divi Sizing Options\" width=\"1797\" height=\"903\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/widths3.png 1797w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/widths3-300x151.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/widths3-1024x515.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/widths3-768x386.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/widths3-1536x772.png 1536w\" sizes=\"auto, (max-width: 1797px) 100vw, 1797px\" \/><\/p>\n<p><a name=\"default-sizing\"><\/a><\/p>\n<h2>Divi&#8217;s Default Sizing<\/h2>\n<p>Divi comes preloaded with default sizing that helps speed up your design process. By default, all sections are set to 100% width and span the entire viewport. Rows are set to 80% width by default, columns are set to 100% width, and modules are set to 100% width by default so that they fill up the entire row container. These default sizing options remain the same for mobile devices making your design mobile-responsive from the get-go.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12854 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/divi-default-spacing.png\" alt=\"Default sizing in Divi Sizing Options\" width=\"1800\" height=\"1006\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/divi-default-spacing.png 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/divi-default-spacing-300x168.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/divi-default-spacing-1024x572.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/divi-default-spacing-768x429.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/divi-default-spacing-1536x858.png 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<p><a name=\"length-units\"><\/a><\/p>\n<h2>Length Units Used for Sizing<\/h2>\n<p>In the world of CSS, the size (or length) of an element is expressed by length units. Length units are small letters\/symbols that follow a number value (10px, 2em, 100%, etc.) to establish the length of an element.\u00a0Length units are often separated into two main categories: absolute and relative.<\/p>\n<h3>Absolute Length Units<\/h3>\n<p>Absolute length units are considered absolute because they are not relative to any other element. These units will not scale to browser size and will always remain the same size. These include the following:<\/p>\n<p><strong>pt<\/strong> \u2013 points<br \/>\n<strong>px<\/strong> \u2013 pixels<br \/>\n<strong>in<\/strong> \u2013 inches<br \/>\n<strong>cm<\/strong> \u2013 centimeters<br \/>\n<strong>mm<\/strong> \u2013 millimeters<br \/>\n<strong>pc<\/strong> \u2013 picas<\/p>\n<p>Pixels are really the only absolute CSS length unit we should consider using for the web. The others are mostly used for physical (not digital) measurements (like print). A pixel unit refers to the size of one \u201cdot\u201d of your device display (which will vary slightly with each device). Because of this, pixels are commonly used for things that don\u2019t necessarily need to scale with browser sizes.<\/p>\n<h3>Relative Length Units<\/h3>\n<p>Relative Length units are considered relative because they change\/scale depending on the length of other elements. One common example is percentage, which is dependent on the length of the parent element.<\/p>\n<p><strong>em<\/strong> \u2013 relative to the element\u2019s font-size<br \/>\n<strong>rem<\/strong> \u2013 relative to the root element\u2019s font-size<br \/>\n<strong>vw<\/strong> \u2013 relative to 1% of your browser\u2019s viewport width<br \/>\n<strong>vh<\/strong> \u2013 relative to 1% of your browser\u2019s viewport height<br \/>\n<strong>vmin<\/strong> \u2013 relative to 1% of the smaller of the two browser viewport dimensions (height or width).<br \/>\n<strong>vmax<\/strong> \u2013 relative to 1% of the larger of the two browser viewport dimensions (height or width).<br \/>\n<strong>%<\/strong> \u2013 relative to 1\/100 of the parent element\u2019s width.<\/p>\n<h3>Suggested Length Units<\/h3>\n<p>These are the suggested length units for widths, heights, margins, and paddings.<\/p>\n<ul>\n<li><strong>Widths<\/strong>: %, vw, and px (as max width)<\/li>\n<li><strong>Heights<\/strong>: %, vw, and px (as max height)<\/li>\n<li><strong>Margins<\/strong>: px, %, and vw<\/li>\n<li><strong>Padding<\/strong>: px, %, em, vw and vh<\/li>\n<\/ul>\n<h3>A Guide to Understanding and Applying CSS Length Units in Divi<\/h3>\n<p>For more information on length units, please check out our\u00a0<a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/a-guide-to-understanding-and-applying-css-length-units-in-divi\" target=\"_blank\" rel=\"noopener\">A Guide to Understanding and Applying CSS Length Units in Divi<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12863 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/length-units-guide-1.png\" alt=\"A Guide to Understanding and Applying CSS Length Units in Divi\" width=\"1778\" height=\"1000\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/length-units-guide-1.png 1778w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/length-units-guide-1-300x169.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/length-units-guide-1-1024x576.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/length-units-guide-1-768x432.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/length-units-guide-1-1536x864.png 1536w\" sizes=\"auto, (max-width: 1778px) 100vw, 1778px\" \/><\/p>\n<p><a name=\"adjust-sizing\"><\/a><\/p>\n<h2>How to Adjust Sizing in Divi<\/h2>\n<p>There are two ways you can adjust sizing options in Divi: via the element&#8217;s settings group or in the visual builder using the draggable controls.<\/p>\n<h3>Input Values &amp; Range Slider<\/h3>\n<ol>\n<li>Open up element settings<\/li>\n<li>Navigate to the Content tab<\/li>\n<li>Click on Sizing to expand that settings group<\/li>\n<li>Input a numeral value or drag the range slider.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12856 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/input-rangeslider.png\" alt=\"How to adjust sizing in Divi Sizing Options\" width=\"1800\" height=\"1006\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/input-rangeslider.png 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/input-rangeslider-300x168.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/input-rangeslider-1024x572.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/input-rangeslider-768x429.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/input-rangeslider-1536x858.png 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<h3>Draggable Sizing Controls For Divi<\/h3>\n<p>If you like using the Visual Builder for most of your edits, then you&#8217;ll love the draggable sizing features Divi has to offer! Instead of having to open a settings panel and type in sizing values manually, you can instead drag to adjust the elements right on the page and see the results instantly. This new UI innovation allows you to quickly adjust the width, height, margin and padding of any module, row, or section with ease. Learn more about <a href=\"https:\/\/www.blocksylaunch.click\/blog\/theme-releases\/introducing-draggable-sizing-for-divi\">draggable controls here<\/a>.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/11-sizingoptions_1.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/11-Sizingoptions.m4v\" type=\"video\/mp4\" \/><\/video><\/p>\n<p><a name=\"sizing\"><\/a><\/p>\n<h2>Sections, Rows, and Module Sizing<\/h2>\n<p>Let&#8217;s take a look at the Sizing Options available within Divi&#8217;s design elements.<\/p>\n<h3>Section Sizing Options<\/h3>\n<p>Within the section settings, you have the following sizing options: width, max-width, section alignment, min-height, height, and max-height. To edit these values you can drag the range slider or input numerical values in the input field.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/1-sizingoptions-1_1.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/1-Sizingoptions-1.m4v\" type=\"video\/mp4\" \/><\/video><\/p>\n<p><strong>To set mobile styles <\/strong>simply hover over the value you want to change and click the phone icon, triggering the tablet and phone settings options to appear. Three tabs will appear: Desktop, Tablet, and Phone. Tab through them to set\u00a0specific values. By default, the mobile sizing will inherit what is set on the Desktop view, however with this option you have the choice to set unique sizing values for mobile.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10922 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/section-mobilestyles.png\" alt=\"How to set mobile sizes in Divi Sizing Options\" width=\"1800\" height=\"1009\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/section-mobilestyles.png 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/section-mobilestyles-300x168.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/section-mobilestyles-1024x574.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/section-mobilestyles-768x431.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/section-mobilestyles-1536x861.png 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<h3>Fullwidth Sizing Options<\/h3>\n<p>In addition to the standard width and height options, Fullwidth sections have additional sizing options.<\/p>\n<ul>\n<li><strong>Content Width:<\/strong> By default, elements will extend to the full width of their parent element. However, in fullwidth sections, you have the ability to adjust the width of the inside content.<\/li>\n<li><strong>Content Max Width:\u00a0<\/strong>Setting a maximum width for the content width will prevent the inner content from ever surpassing the value you specify here.<\/li>\n<\/ul>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/4-sizingoptions_1.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/4-Sizingoptions.m4v\" type=\"video\/mp4\" \/><\/video><\/p>\n<p><strong>To set mobile styles <\/strong>simply hover over the value you want to change and click the phone icon, triggering the tablet and phone settings options to appear. Three tabs will appear: Desktop, Tablet, and Phone. Tab through them to set moble-specific values. By default, the mobile sizing will inherit what is set on the Desktop view, however with this option you have the choice to set unique sizing values for mobile.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10936 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/5-sizingoptions.png\" alt=\"Max-width mobile styles in Divi Sizing Options\" width=\"1800\" height=\"1011\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/5-sizingoptions.png 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/5-sizingoptions-300x169.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/5-sizingoptions-1024x575.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/5-sizingoptions-768x431.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/5-sizingoptions-1536x863.png 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<h3>Specialty Sizing Options<\/h3>\n<p>In addition to the standard width and height options, Specialty sections have additional sizing options.<\/p>\n<ul>\n<li><strong>Equalize Column Heights<\/strong>: Equalizing column heights will force all columns to assume the height of the tallest column in the row. All columns will have the same height, keeping their appearance uniform.<\/li>\n<li><strong>Use Custom Gutter Width<\/strong>: Gutter width is the margin space between columns. You can increase or decrease the gutter width by typing in a numerical value or dragging the range slider. The gutter width is set as a percentage and you have the option to set the gutter width from 1-4.<\/li>\n<li><strong>Inner Width<\/strong>: By default, elements will extend to the full width of their parent element. However, in specialty sections, you have the ability to adjust the width of the inner content inside specialty sections.<\/li>\n<li><strong>Inner Max Width<\/strong>: Setting a maximum width for the inner content of specialty sections will prevent the inner content from ever surpassing the value you specify here.<\/li>\n<\/ul>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/2-sizingoptions.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/2-sizingoptions.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p><strong>To set mobile styles <\/strong>simply hover over the value you want to change and click the phone icon, triggering the tablet and phone settings options to appear. Three tabs will appear: Desktop, Tablet, and Phone. Tab through them to set moble-specific values. By default, the mobile sizing will inherit what is set on the Desktop view, however with this option you have the choice to set unique sizing values for mobile.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10930 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/3-sizingoptions.png\" alt=\"Divi Sizing Options\" width=\"1800\" height=\"1011\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/3-sizingoptions.png 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/3-sizingoptions-300x169.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/3-sizingoptions-1024x575.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/3-sizingoptions-768x431.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/07\/3-sizingoptions-1536x863.png 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<h3>Row Sizing Options<\/h3>\n<p>In addition to the standard width and height options, rows have two additional options.<\/p>\n<ul>\n<li><strong>Equalize Column Heights<\/strong>: Equalizing column heights will force all columns to assume the height of the tallest column in the row. All columns will have the same height, keeping their appearance uniform.<\/li>\n<li><strong>Use Custom Gutter Width<\/strong>: Gutter width is the margin space you want between columns. You can increase or decrease the gutter width by typing in a numerical value or dragging the range slider. The gutter width is set as a percentage and you have the option to set the gutter width from 1-4.<\/li>\n<\/ul>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/6-sizingoptions_1.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/6-sizingoptions.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<h4>How To Adjust Columns<\/h4>\n<p>Adjusting column sizes is easy in Divi. There are two ways to do it.<\/p>\n<p><strong>Option 1:<\/strong> Hover over the row and click the gear icon to bring up the row settings. Then click the dropdown menu under Column Structure to change the column structure. You can also drag and drop the column items to rearrange them.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/7-sizingoptions_1.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/7-sizingoptions.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p><strong>Option 2:<\/strong> Hover over the row and click the column icon and select the column structure you want.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/8-sizingoptions_1.webm\" type=\"video\/webm\" \/><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/8-sizingoptions.mp4\" type=\"video\/mp4\" \/><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><\/video><\/p>\n<h3>Module Sizing Options<\/h3>\n<p>Within the module settings, you have the following sizing options: width, max-width, section alignment, min-height, height, and max-height. To edit these values you can drag the range slider or input numerical values in the input field.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/9-sizingoptions_1_2.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/9-Sizingoptions.m4v\" type=\"video\/mp4\" \/><\/video><\/p>\n<p><strong>To set mobile styles <\/strong>simply hover over the value you want to change and click the phone icon, triggering the tablet and phone settings options to appear. Three tabs will appear: Desktop, Tablet, and Phone. Tab through them to set\u00a0specific values. By default, the mobile sizing will inherit what is set on the Desktop view, however with this option you have the choice to set unique sizing values for mobile.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11005 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/10-sizingoptions.png\" alt=\"Divi Sizing Options mobile sizing\" width=\"1800\" height=\"1011\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/10-sizingoptions.png 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/10-sizingoptions-300x169.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/10-sizingoptions-1024x575.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/10-sizingoptions-768x431.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/10-sizingoptions-1536x863.png 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<p><a name=\"best-tips\"><\/a><\/p>\n<h2>Tips &amp; Best Practices for Using Sizing Options<\/h2>\n<p>When using Divi&#8217;s Sizing Options, keep these tips in mind!<\/p>\n<h3>Use Relative Length Units for Width<\/h3>\n<p>To keep your design mobile responsive, it&#8217;s best to use relative length units for width values like\u00a0<strong>%<\/strong> or\u00a0<strong>vw<\/strong>. This means the container&#8217;s width will automatically adjust based on the percentage you set or the viewport width you set. It&#8217;s an easy way to create responsive design elements!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12858 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/relative-widths.png\" alt=\"Use relative length units in Divi Sizing Options\" width=\"1800\" height=\"1276\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/relative-widths.png 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/relative-widths-300x213.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/relative-widths-1024x726.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/relative-widths-768x544.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/relative-widths-1536x1089.png 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<h3>Keep Spacing in Mind When Setting Sizing<\/h3>\n<p>Spacing and sizing go hand in hand in web design. While sizing controls the overall element&#8217;s size and height, spacing inside the element will add padding surrounding the content. So while your container, say a row, is set to 100% width, if you&#8217;ve added padding inside that row container then your content won&#8217;t be 100% the width of its row container.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12860 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing.png\" alt=\"Keep spacing in mind with Divi Sizing Options\" width=\"1791\" height=\"1006\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing.png 1791w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing-300x169.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing-1024x575.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing-768x431.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing-1536x863.png 1536w\" sizes=\"auto, (max-width: 1791px) 100vw, 1791px\" \/><\/p>\n<h3>Adjust Sizing Options for Mobile<\/h3>\n<p>While Divi is built to be mobile responsive, it&#8217;s always good to review your design on mobile devices. It&#8217;s easy to do so with Divi&#8217;s view mode. The first step is to enable the Visual Builder. Then click the mobile icon at the bottom left of the bottom Divi toolbar. To switch between devices, click the dropdown menu at the top.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12861 size-full\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing-1.png\" alt=\"Adjust sizing options for with mobile Divi Sizing Options\" width=\"1800\" height=\"1016\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing-1.png 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing-1-300x169.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing-1-1024x578.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing-1-768x433.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/09\/mobile-sizing-1-1536x867.png 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<p><a name=\"continue-learning\"><\/a><\/p>\n<h2>Continue Learning<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/how-to-create-a-fixed-contact-form-corner-popup-with-divis-sizing-options\" target=\"_blank\" rel=\"noopener\">How to Create a Fixed Contact Form Corner Popup with Divi\u2019s Sizing Options<\/a><\/li>\n<li><a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/how-to-optimize-your-responsive-logo-sizing-in-divis-fullwidth-menu-module\" target=\"_blank\" rel=\"noopener\">How to Optimize Your Responsive Logo Sizing in Divi\u2019s Fullwidth Menu Module<\/a><\/li>\n<li><a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/how-to-create-hover-sections-with-divis-new-sizing-overflow-settings\" target=\"_blank\" rel=\"noopener\">How to Create Hover Sections with Divi\u2019s New Sizing &amp; Overflow Settings<\/a><\/li>\n<li><a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/using-divis-new-height-width-options-to-create-responsive-design\" target=\"_blank\" rel=\"noopener\">Using Divi\u2019s New Height &amp; Width Options to Create Responsive Design<\/a><\/li>\n<li><a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/better-mobile-website-design-how-to-use-vw-vh-and-rem-to-create-fluid-divi-pages\" target=\"_blank\" rel=\"noopener\">Better Mobile Website Design: How to Use vw, vh and, rem to Create Fluid Divi Pages<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Divi Sizing Options make it easy to adjust the sizing of sections, rows, columns, and modules in Divi.<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,2],"tags":[],"class_list":["post-10872","post","type-post","status-publish","format-standard","hentry","category-divi-builder","category-divi"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elegant Themes Documentation<\/title>\n<meta name=\"description\" content=\"Divi Sizing Options makes it easy to adjust the sizing of sections, rows, columns, and modules within Divi.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Divi Sizing Options - Elegant Themes Documentation\" \/>\n<meta property=\"og:description\" content=\"Divi Sizing Options makes it easy to adjust the sizing of sections, rows, columns, and modules within Divi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-29T16:53:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-03T22:51:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples.jpg\" \/>\n<meta name=\"author\" content=\"Chaucee Stillman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Chaucee Stillman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/\"},\"author\":{\"name\":\"Chaucee Stillman\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/3de16ce355468e6b8ba5b9c41fddf1e8\"},\"headline\":\"Using Divi Sizing Options\",\"datePublished\":\"2022-12-29T16:53:02+00:00\",\"dateModified\":\"2023-02-03T22:51:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/\"},\"wordCount\":2089,\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/sizing-examples.jpg\",\"articleSection\":[\"Divi Builder Plugin Documentation\",\"Divi Theme Documentation\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/\",\"name\":\"Using Divi Sizing Options - Elegant Themes Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/sizing-examples.jpg\",\"datePublished\":\"2022-12-29T16:53:02+00:00\",\"dateModified\":\"2023-02-03T22:51:07+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/3de16ce355468e6b8ba5b9c41fddf1e8\"},\"description\":\"Divi Sizing Options makes it easy to adjust the sizing of sections, rows, columns, and modules within Divi.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/sizing-examples.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/sizing-examples.jpg\",\"width\":1800,\"height\":1200,\"caption\":\"Where to find Divi Settings Options\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/sizing-options\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Divi Sizing Options\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\",\"name\":\"Elegant Themes Documentation\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/3de16ce355468e6b8ba5b9c41fddf1e8\",\"name\":\"Chaucee Stillman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g\",\"caption\":\"Chaucee Stillman\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elegant Themes Documentation","description":"Divi Sizing Options makes it easy to adjust the sizing of sections, rows, columns, and modules within Divi.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/","og_locale":"en_US","og_type":"article","og_title":"Using Divi Sizing Options - Elegant Themes Documentation","og_description":"Divi Sizing Options makes it easy to adjust the sizing of sections, rows, columns, and modules within Divi.","og_url":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/","og_site_name":"Elegant Themes Documentation","article_published_time":"2022-12-29T16:53:02+00:00","article_modified_time":"2023-02-03T22:51:07+00:00","og_image":[{"url":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples.jpg","type":"","width":"","height":""}],"author":"Chaucee Stillman","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Chaucee Stillman","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/#article","isPartOf":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/"},"author":{"name":"Chaucee Stillman","@id":"https:\/\/www.blocksylaunch.click\/documentation\/#\/schema\/person\/3de16ce355468e6b8ba5b9c41fddf1e8"},"headline":"Using Divi Sizing Options","datePublished":"2022-12-29T16:53:02+00:00","dateModified":"2023-02-03T22:51:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/"},"wordCount":2089,"image":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/#primaryimage"},"thumbnailUrl":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples.jpg","articleSection":["Divi Builder Plugin Documentation","Divi Theme Documentation"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/","url":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/","name":"Using Divi Sizing Options - Elegant Themes Documentation","isPartOf":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/#primaryimage"},"image":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/#primaryimage"},"thumbnailUrl":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples.jpg","datePublished":"2022-12-29T16:53:02+00:00","dateModified":"2023-02-03T22:51:07+00:00","author":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/#\/schema\/person\/3de16ce355468e6b8ba5b9c41fddf1e8"},"description":"Divi Sizing Options makes it easy to adjust the sizing of sections, rows, columns, and modules within Divi.","breadcrumb":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/#primaryimage","url":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples.jpg","contentUrl":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/12\/sizing-examples.jpg","width":1800,"height":1200,"caption":"Where to find Divi Settings Options"},{"@type":"BreadcrumbList","@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/sizing-options\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.blocksylaunch.click\/documentation\/"},{"@type":"ListItem","position":2,"name":"Using Divi Sizing Options"}]},{"@type":"WebSite","@id":"https:\/\/www.blocksylaunch.click\/documentation\/#website","url":"https:\/\/www.blocksylaunch.click\/documentation\/","name":"Elegant Themes Documentation","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.blocksylaunch.click\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.blocksylaunch.click\/documentation\/#\/schema\/person\/3de16ce355468e6b8ba5b9c41fddf1e8","name":"Chaucee Stillman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g","caption":"Chaucee Stillman"}}]}},"_links":{"self":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/10872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/comments?post=10872"}],"version-history":[{"count":61,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/10872\/revisions"}],"predecessor-version":[{"id":15029,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/10872\/revisions\/15029"}],"wp:attachment":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/media?parent=10872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/categories?post=10872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/tags?post=10872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}