Adjust margins and paddings for mobile

AppDrag Page builder wants to make life easier on web designers to handle responsive design. All changes to margins and padding apply to the current resolution you're working on. ðŸ˜Ž
 


You can select the resolution by using the toolbar in the upper right corner of the Page builder



Let's look at the example below: We have a block in the middle of the page with a transparent background. We want to ensure there is space on either side, so we've set the margin on desktop to 52px for both sides.

 


Now that we're happy with the desktop  resolution, we'll switch to mobile , but we'll need to reduce the space as the available width might start at 320px. In this case, we'll apply a margin of 10px on both sides. This creates a small margin on either side without losing too much space.

 

Margins and padding edited on mobile will only apply to mobile resolution