fixed issue for content wider than screen for pages

[jyotiattri]

This adds a fix for Content wider than screen (16 pages) from Mobile usability issues reported in Google search console

cc : @zregvart

[zregvart]

Preview is here.

This seems to increase the font size for code blocks, for example in ActiveMQ component on desktop.

I'm not sure why we need three additional media selectors when the rules don't change within those selectors, seems redundant.

I think it's best that we keep the existing media selectors and not introduce additional ones.

[jyotiattri]

Ok, I got it. I can change it.

[zregvart]

So far we have media breakpoints on:

• > 1024px
• > 480px && < 1023px
• > 769px
• < 626px
• < 1023px

I think here we need to go with one of existing breakpoints. Adding a new one increases the overall complexity and testing exponentially.

[zregvart]

I'm not sure about using vh font-size unit inconsistently, at 626px this leads to quite a big difference between font sizes:

I think it's best that we focus on overflow-wrap and overflow changes here and on changing font-sizes in a separate issue/pull request.

[jyotiattri]

Requested Changes are done in this PR.

[jyotiattri]

Hi, @zregvart
Please let me know is there something to do in this PR.

[zregvart]

This is very complex way of doing this. I think we need something much simpler.

[zregvart]

I've rebased this on current master branch, I'm interested to see if there are any issues with this with other changes that have happened in the meantime. So let's wait for the new preview.

[jyotiattri]

@zregvart, Ok Thanks

[zregvart]

Preview is here.

[zregvart]

LGTM

[zregvart]

Thanks!