refactor(part 6.2.2): fix overflow-x caused by a non responsive image

[lauthieb]

Hello,

First of all, a huge thank you to all the people who have contributed so far to this wonderful initiative.
Being passionate about UI and standardization, I loved reading the second draft and I want to be part of the contributors by proposing some changes that I hope you will like.

In this PR, I propose you to fix a UI bug in the format module documentation.

Bug description

Because of the image in part 6.2.2 "GUI Tools" was declared in Markdown format, it generated an image with a fixed width of 426px. Setting a width: 100% and max-width: 426px solves this problem for mobile screens.

Before

After

Please, don't hesitate if you have any remarks.

Thanks in advance for your review!

[netlify]

✅ Deploy Preview for dtcg-tr ready!

Name	Link
🔨 Latest commit	b9aaa98
🔍 Latest deploy log	https://app.netlify.com/sites/dtcg-tr/deploys/62c4dde628d0ad000971db0c
😎 Deploy Preview	https://deploy-preview-151--dtcg-tr.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[kaelig]

Merci Laurent ! After looking into it, I found there are styles available for images to adapt correctly to viewport sizes, as seen in https://respec.org/docs/#figures-table-of-figure, so I went ahead and updated the PR to use that method in b9aaa98 (#151)

[lauthieb]

Hi @kaelig, de rien ! :)
Oh yes, you're right, thanks for this 🙏