Replace inline styles with tailwind classes

[rustem-nasyrov]

We need to get rid of inline style in all docs examples if it's possible. :) Context:

There are several instances inside the docs/page-config/ui-elements/ like this:

Can be replaced with tailwind max-w-sm which is 24rem ( 384px ) or if we want to maintain the 400px, max-w-[400px].
There are other files within the folder that uses inline styles. I can create a new PR and transform them into tailwind classes instead of inline styles for code uniformity, if we're good to go with these changes?

Originally posted by @a-3140 in #3314 (comment)

[xiongmao86]

Hi, @rustem-nasyrov, I would like to take a stab of this, could you assign this issue to me?

[m0ksem]

Hi, @rustem-nasyrov, I would like to take a stab of this, could you assign this issue to me?

Hi, @xiongmao86. I think we have already a draft pr for this issue! Sorry, haven't noticed earlier.

[xiongmao86]

Ah, I'll close my pr.

[xiongmao86]

This should probably close due to #3353.