There are no examples for the Margins stack. Since it is used to control the layout of other content there is not a good way to provide an example. That being said, the Margin stack is one of the most versatile stacks in Foundry. Check out some of the free pre-built projects to see it in action.
The Margins stack contains a drop zone. You may place any stack you like in this drop zone. The margins and padding settings for this stack get applied around this drop zone content, adjusting at each of the different responsive breakpoints.
This allows for very unique layout opportunities, letting you adjust the spacing and design of a page at each of the three breakpoints.
Mobile, Tablet & Desktop Breakpoint
You can choose at which breakpoints you wish to have your custom margins and padding settings enabled.
Each breakpoint allows you to set a universal margin. This applies the same margin value to the outside of the whole Margins stack. If you need more granular control over the margin settings you can opt to use the Detailed Margins setting for any of the different breakpoints, which allows you to set a different margin value for each of the sides.
Each breakpoint also allows you to set a padding value that will be applied to the entire inside of Margins stack. If you need more granular control over the padding settings you can opt to use the Detailed Padding setting for any of the different breakpoints, which allows you to set a different padding value for each of the sides.
Stay up to date on future versions of Foundry, as well as important news, updates and more!
This site is built using Foundry for RapidWeaver