How to deal with line length when localizing content on small screens?

Question

iOS

Since the application has a lot of functionality and is localized into rather "long" languages, there were problems with displaying the design on small screens, for example, Iphone SE. Especially if there is something like a table on the screen, where something is written on the left of the screen and a value is displayed on the right, the written and the value overlap each other. Or if there are two tabs on the top of the screen and there are several words in them.
Most of the problems can be solved by changes in the design, but still you want to better understand and find the most productive solutions.
Can you advise material on this topic, both in Russian and in English. I will be grateful.

Answer 1

For narrow screens - the table must be displayed in vertical mode: records - block by block.

Answer 2

There is no silver bullet. Tables on a mobile phone are always a pain and an individual approach. Depending on the content in the table, its mobile version is always a compromise and the result of some tricks:
1) as xmoonlight already wrote - the columns turn into rows, roughly speaking. 2) as Andrey
already wrote - stupidly scroll the table horizontally 3) I myself often just remove non-critical content from the table so that the method from point 1 does not look too monstrous. 4) reduce the font size, use a narrow font, turn on hyphenation - to cram what is not cramable Again, there is no universal solution. We simply analyze the content, clean it up and design it in such a way as to preserve the maximum of the original meaning, but not at the expense of readability. It's hard...

Answer 3

See how it is implemented, for example, in Bootstrap - tablets in mobile versions have a horizontal scroll in their area.