[DOCS] Responsiveness breaks on Internal pages of doc page.

[arpitghura]

Description

The error is in the internal pages of the documentation. The Responsiveness on the pages breaks on smaller devices probably below 768px

The error can be caused by

1. no wrapping of anchor text link
2. un-responsive images and code blocks used.

Screenshots

Due to having un-responsive images and code blocks:

Due to not wrapped anchor tag URL:

Additional information

This issue is encountered on all pages by either of the two reasons mentioned.

[github-actions]

It's great having you contribute to this project

Welcome to the community 🤓

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.

[arpitghura]

I can work on this issue. I know how to resolve this issue created from either of the two ways mentioned.

There are some classes that I need to add in anchor tags and in the images and code-blocks to resolve the issue.

[eddiejaoude]

Great! Sure I assigned it to you

[arpitghura]

I have seen some pages like (https://linkfree.eddiehub.io/docs/how-to-guides/editing) have responsive images but some pages like (https://linkfree.eddiehub.io/docs/quickstart) doesnot.
I want to know why this is happening, can you explain?
@eddiejaoude

[eddiejaoude]

Both work the same for me. What difference do you see?

[arpitghura]

Editing Guide Page:

Quickstart Guide Page:

See the difference between two images, in first the images are responsive but in second they are not.

I am using the docs on

• OS: Windows 10
• Browser: Microsoft Edge

I have found the similar behavior on Google Chrome Browser as well.

Both work the same for me. What difference do you see?