[BD-46] docs: add info about xs min-width

[monteri]

Description

Add question mark icon and tooltip with text for the xs min-width breakpoint

Deploy Preview

https://deploy-preview-2400--paragon-openedx.netlify.app/

Merge Checklist

• If your update includes visual changes, have they been reviewed by a designer? Send them a link to the Netlify deploy preview, if applicable.
• Does your change adhere to the documented style conventions?
• Do any prop types have missing descriptions in the Props API tables in the documentation site (check deploy preview)?
• Were your changes tested using all available themes (see theme switcher in the header of the deploy preview, under the "Settings" icon)?
• Were your changes tested in the example app?
• Is there adequate test coverage for your changes?
• Consider whether this change needs to reviewed/QA'ed for accessibility (a11y). If so, please add wittjeff and adamstankiewicz as reviewers on this PR.

Post-merge Checklist

• Verify your changes were released to NPM at the expected version.
• If you'd like, share your contribution in #show-and-tell.
• 🎉 🙌 Celebrate! Thanks for your contribution.

[openedx-webhooks]

Thanks for the pull request, @monteri!

When this pull request is ready, tag your edX technical lead.

[netlify]

✅ Deploy Preview for paragon-openedx ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	2f2633e
🔍 Latest deploy log	https://app.netlify.com/sites/paragon-openedx/deploys/64a2d0102516ef0008b113f2
😎 Deploy Preview	https://deploy-preview-2400--paragon-openedx.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 configuration.

[codecov]

Codecov Report

Patch and project coverage have no change.

Comparison is base (85685f6) 91.38% compared to head (2f2633e) 91.38%.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #2400   +/-   ##
=======================================
  Coverage   91.38%   91.38%           
=======================================
  Files         234      234           
  Lines        4157     4157           
  Branches     1001     1001           
=======================================
  Hits         3799     3799           
  Misses        351      351           
  Partials        7        7           

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[viktorrusakov]

@PKulkoRaccoonGang @monteri just curious - was there a github issue for this? I can't seem to find one. Feels a little weird to add this question mark, can't we just write 320px in min width column?

[monteri]

@viktorrusakov Yes, there is an issue #2375, we discussed on the meeting to implement tooltip in order to specify which min breakpoint is supported in Paragon. Since this breakpoint is not used in the code then we decided to put it in the tooltip as info.

[viktorrusakov]

@monteri I see, thanks! LGTM.

[openedx-webhooks]

@monteri 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.

[edx-semantic-release]

🎉 This PR is included in version 20.45.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀