Hello
I have this html code, it breaks like this in mobile mode

 <code style="border: 1px solid #ccc;padding: 15px;border-radius: 3px;">{setting="walet addres"}</code><br />

@Exception@Desti@AHristich

Don't use <code> element

  On 11.11.2023 at 21:14, Desti said:

Don't use <code> element

What should I use????

<div>

  On 11.11.2023 at 21:19, Desti said:

<div>

The box is created, but the text comes out of the box
I want the text to stay inside the frame

But it doesn't fit in there! Maybe try making the font size smaller?

  On 11.11.2023 at 21:34, Desti said:

But it doesn't fit in there! Maybe try making the font size smaller?

Can it be set automatically only for mobile???

@media css options 

  On 11.11.2023 at 21:41, Desti said:

@media css options 

I added this class to the code, the text didn't come out of the box
Is it right to use this class????

class="ipsType_richText"

 

<div class="ipsType_richText" style="border: 1px solid #ccc;padding: 15px;border-radius: 3px;">{setting="walet addres"}</div><br />

You can use anything you want, as long as you're happy with the result.

  On 11.11.2023 at 21:41, Desti said:

@media css options 

Can you send how to use @media???

I only have this problem with mobile

use overflow = hidden

  On 11.12.2023 at 11:30, avangcom said:

Can you send how to use @media???

Hello!

You need to use css media queries: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries

You especially need point "@media (max-width: 1250px)...", as it allows you to change styles for a specific screen resolution. So, for example, if the screen size is too small, then you can reduce the size of the content and everything will be displayed correctly.

Good luck!