JSFiddle - React, Tailwind, and code Playground
HTML
<section>
<div class="column">
<h3 style="margin:0 auto;margin-top:40px; margin-bottom:20px;">Die Disziplinen</h3>
<h4 style="margin-top:5px;margin-bottom:3px;">Western Horsemanship</h4>
<p style="text-align:justify;">Bei der Horsemanship stehen die Leistungen des Reiters im Vordergrund. Zur Bewertung kommen unter anderem die Hilfengebung und die Haltung des Reiters während der einzelnen Lektionen. Die verlangte Einzel-Aufgabe muss sehr exakt ausgeführt werden,
was auch eine enorme Kontrolle des Pferdes voraussetzt. Es sind keine spektakulären, dafür aber penibel nachzureitende Manöver, die verlangt werden. In der Kürze liegt die Würze.</p>
<hr/>
<br>
</div>
</section>
<section>
<div class="column">
<h4 style="margin-top:5px;margin-bottom:3px;">Trail</h4>
<P style="text-align:justify;">In dieser Geschicklichkeits-Prüfung müssen die Pferde mindestens sechs Boden-Hindernisse bewältigen. Das gute Trail-Pferd soll sich unerschrocken und überlegt jedem Hindernis nähern, es prüfen und dann bewältigen.
<br>
<br> Beim Trail werden Geschicklichkeitsaufgaben gefordert, wie z. B. vom Sattel aus Weidetore öffnen und schließen, was kontrollierte, exakte Bewegung des Pferdes in alle Richtungen erfordert (Rückwärtsrichten und Seitengänge bei einhändiger Zügelführung),
oder Überqueren von Holzbrücken und anderen Bodenhindernissen, wobei Gelassenheit und Vertrauen des Pferdes zum Reiter sichtbar werden.
<br>
<br>Es werden alle möglichen und unmöglichen Situationen simuliert, die einem Reiter im Gelände (auf einem Trail = Geländeritt) begegnen können. Hierbei ist es wichtig, dass sich das Pferd ruhig, selbstständig und geschmeidig, ohne große Einwirkungen
des Reiters, durch die Hindernisse bewegt, sich aber trotzdem jederzeit zentimetergenau dirigieren lässt.
<br>
<br> Die Prüfung besteht meist aus sechs Hindernissen. Immer dabei ist das Tor, ein Überreiten von mindestens vier Stangen (im...
CSS
section {
max-width: 800px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-image: url(trans_bg_px-weiss60.png);
}
.column {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
padding-left: 20px;
padding-right: 20px;
}