JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<p class="testumbruch">
        <span>Lorem: ipsum </span>
        <span>dolor sit amet: consetetur sadipscing elitr </span>
        <span>sed diam: nonumyeirmod</span>
    </p>
    <p class="testumbruch">
        <span>Lorem: ipsum</span>
        <span class="separ"> // </span>
        <span>dolor sit amet: consetetur sadipscing elitr</span>
        <span class="separ"> // </span>
        <span>sed diam: nonumyeirmod</span>
    </p>

CSS

.testumbruch {
            display: flex;
        }
        @media (max-width: 600px) {
            .testumbruch {
                flex-direction: column;
            }
            .testumbruch .separ {
                display: none;
            }
        }