Webpart mobile padding difference between real page and documentation

[nazarbroslavskyi]

[Enter feedback here]

Hi SharePoint team!

According to your documentation I see that small screens (320 x 568) should have 20 space (left and right side).
But after adding webpart to page I am able to see the difference between documentation and actual size on page
20px (in documentation) and 32px(on real page);

Сan you please tell me if this is really a bug or if I am doing something wrong.

Screen added

Total padding to webpart content 32px; (screen below)

docs screen

Documentation link https://learn.microsoft.com/en-us/sharepoint/dev/design/grid-and-responsive-design

Thanks in advance!

Document Details

⚠ Do not edit this section. It is required for learn.microsoft.com ➟ GitHub issue linking.

• ID: 35b3e15a-8b57-1e96-a3cb-5dfd9d5fb4fd
• Version Independent ID: db224b2a-06cf-b5ed-abc7-8712b5d957cd
• Content: SharePoint grid and responsive design
• Content Source: docs/design/grid-and-responsive-design.md
• Service: sharepoint-online
• GitHub Login: @VesaJuvonen
• Microsoft Alias: vesaj

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[nick-pape]

Interesting. Seems like its still picking up the larger size. Can you try using device emulation to help force the small screen size and see if it goes back to 20px. If not, it seems like there must be some extra padding around the webpart container.

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 7 days. It will be closed if no further activity occurs within the next 7 days of this comment. Please see our wiki for more information: Issue List Labels: Needs Author Feedback & Issue List: No response from the original issue author

[nazarbroslavskyi]

It goes more than 20 px. 16px + 8px + 8px = 32px. Docs say that should be 20px. Thanks