Large banner header and body text of the mobile devices should be updated

UPDATE:

After fixing the header and body text font sizes, I couldn't fix the scrollable to the right on the mobile device. And checked the cause of the scrollable to right and noticed that the row class and the code line is --bs-gutter-x: 1.5rem; is the reason for it. And by changing --bs-gutter-x to 0 will fix the scrollable to right but it will have an issue with margining in any components that used row class. Please see the screenshot for reference.

Thank you.

Hey guys, I have a much easier fix for the issues with the scrolling horizontally.
Try this instead:

html {
  overflow-x: hidden;
}

I dont want to change the padding on rows, containers or columns unless we need to
For the issues with the font size, your MR looks good.

The scrollable to right issue is fixed, thanks to aastrong.

This is ready for review, I also included the fixes for the following Drupal.org issue since they are all related. I close also the MR for the related issue.

https://www.drupal.org/project/provus/issues/3409393 →

Thank you

I'll be creating a new branch since Tugboat isn't working right now. And will fix the issue raised by QA.

kenyoOwen → changed the visibility of the branch 3408960-header-and-body to hidden.

kenyoOwen → closed merge request !93

This is now ready for retest. Will send to QA now. Closing MR!93 tugboat not working .

Hi,

Will send this to QA later when the tugboat is stable. Right now, the tugboat is loading and Bad Gateway text will appear.