[#1107] Support readme responsive.

[tannguyen04]

#1107

Checklist before requesting a review

• I have formatted the subject to include ticket number as [YSCODE-123] Verb in past tense with dot at the end.
• I have added a link to the issue tracker
• I have provided information in Changed section about WHY something was done if this was not a normal implementation
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have added tests that prove my fix is effective or that my feature works
• I have run new and existing relevant tests locally with my changes, and they passed
• I have provided screenshots, where applicable

Changed

Screenshots

[tannguyen04]

This will create a

 tag and it does not work well in td table.

[AlexSkrypnyk]

@tannguyen04
The solution does not allow to copy the code with an on-screen copy code button.

is there any other way? Maybe putting a code block into a table with set width?

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (087c6e1) 70.54% compared to head (c2d4f51) 70.54%.
Report is 1 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #1115   +/-   ##
========================================
  Coverage    70.54%   70.54%           
========================================
  Files           51       51           
  Lines         3181     3181           
========================================
  Hits          2244     2244           
  Misses         937      937           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[tannguyen04]

Hi @AlexSkrypnyk

I could not find other solution to make pre tag is scrollable inside td.
But if you allow using DIV tag instead of Table tag, our readme will be fully responsive.

[AlexSkrypnyk]

@tannguyen04 please feel free to use any mechanisms available, as long as it renders correctly in the markup and the code has a copy button.

[AlexSkrypnyk]

Implemented as inline code block to preserve the table. Closing this.