html - Positioning text with word-space on desktop and mobile device css

Question

It works good on desktop devise, but i wanr for mobile make each sentence in a column. How can i make it with css? I dont want to use flex or another blocks.

.hero__subtitle {
    word-spacing: 5em;
  }

<p class="hero__subtitle">
               Some text for test. Another text for test.  Another text for test.

Answer 1

Use media query for making different display for different devices . if you don't know about media query just search a little it just works with the given pixels. Or you can use js to split the given string to its words or its sentences and print even in different H1 tags. Or tags with custom classes. Depends on your imagination