Help text is cutoff at xsmall breakpoint

Attaching screenshot examples

Here is a simple fix. Attaching a patch we can use in farmOS.

Although I feel like there must be a more elegant solution because we are adding various margin-top, only to remove some of it from higher up in the .content-header. But it's tricky because the top margin is added to .help, .region-content and .region-highlighted. https://git.drupalcode.org/project/gin/-/blob/8.x-3.x/styles/base/_layer...

To to properly test a more thorough change I think we would need to consider all combinations of pages with/without local tasks, help text, and status messages, all across different screen sizes.

Hi,
I have verified and tested MR ! 385 on Drupal version 10.1
MR applied successfully...

Testing Steps:

1. Install the Drupal version and
2. Install the Gin theme and set it as the default
3. check for the "Access denied" below 768px resolution (before screenshot)
4. Apply patch and check for the same

Test Result:
Access denied help text is responsive for below 768px resolution

Attaching screenshots for reference.

Status remains "need review" for code review

verified and tested MR !385, after applied MR issue resolved.

Steps to reproduce
1. Install the Gin theme and set it as the default
2. Create new user 'test user' with role content editor
3. Login with 'test user' (no need to provide )
4. Go to page which link =>/admin/appearance/settings/gin
5. Check for the "Access denied" below 768px resolution (before screenshot)
6. Apply patch and check for the same

For reference:
Before MR

After MR

RTBC ++

Thanks 👏

Automatically closed - issue fixed for 2 weeks with no activity.