[community-group] Pull Request: refactor(part 6.2.2): fix overflow-x caused by a non responsive image

lauthieb has just submitted a new pull request for https://github.com/design-tokens/community-group:

== refactor(part 6.2.2): fix overflow-x caused by a non responsive image ==
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

<img width="569" alt="CleanShot 2022-07-01 at 02 06 19@2x" src="https://user-images.githubusercontent.com/9600228/176798231-2f454b63-196b-45cd-9ef5-77e85e85c489.png">

## After

<img width="530" alt="CleanShot 2022-07-01 at 02 05 58@2x" src="https://user-images.githubusercontent.com/9600228/176798224-d12689db-200a-4d92-a9c9-bc05588e695c.png">

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

Thanks in advance for your review!

See https://github.com/design-tokens/community-group/pull/151


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 1 July 2022 00:12:18 UTC