User modifies gutters for each viewport

[github-jira-sync-bot]

As a Marketer I want to modify gutters (margin and paddings) values per viewport so that I can adjust content positioning to be optimized for displaying on mobile devices

Preconditions

• User logged in Admin Panel
• User edits content in Page Builder
• User views content optimized for desktop

Acceptance Criteria

• User opens Advanced section of any content type and sets margins and paddings
• User saves configuration and sees indication of margins and paddings on stage for the selected content type
• User switches to mobile viewport, opens same content type configuration and sees same margin and paddings values
• User activates option to redefine these values for mobile viewport
• User changes margins/paddings values to mobile specific and saves configuration
• User sees updated values for margin and paddings on stage for selected content type. Values for other viewports remain the same.
• User verifies on storefront that margins/ paddings have different values on different viewports
• User opens content type configuration and resets margins/paddings to same values that set for desktop viewport.
• User saves configuration and sees margin/paddings updated on stage and storefront.

[github-jira-sync-bot]

The issue was exported from the internal Jira. The link to the original Jira issue: https://jira.corp.magento.com/browse/PB-538

[m2-assistant[bot]]

Hi @github-jira-sync-bot. Thank you for your report. To help us process this issue please make sure that you provided sufficient information.

Please, add a comment to assign the issue: @magento I am working on this

---

• Join Magento Community Engineering Slack and ask your questions in #github channel.