Hallo zusammen,
ich möchte eine Website erstellen, die in einer Section zwei nebeneinander liegenende Div's enthält.
In dem ersten Conatiner soll ein bisschen Text stehen und der zweite Container soll ein Bild enthalten.
Ich arbeite mit Bootstrap und habe folgenden Code erstellt:
Code
<div class="col-12 col-xl-6 order-xs-1 order-sm-1 order-md-1 order-lg-1 order-xl-2">
<div class="d-flex justify-content-center justify-content-xl-start">
<div class="imagebox01">
<img class="img-fluid" src="images/Bild0001.jpg" alt=""/>
</div>
</div>
</div>
<div class="col-12 col-xl-6 order-xs-2 order-sm-2 order-md-2 order-lg-2 order-xl-1">
<div class="d-flex justify-content-center justify-content-xl-end">
<div class="flex-column textbox01">
<p>Individuelle Softwarelösungen.</p>
</div>
</div>
</div>Wenn ich jetzt den Browser verkleinere, passt sich nur das Bild an die veränderte Größe an (img-fluid).
Das Bild wird kleiner und verschiebt sich nach oben.
Die Textbox verkleinert sich, wir aber nicht nach oben verschoben. Ich möchte gerne, dass auch die Textbox nach oben verschoben wird.
Ich würde gern an dem Aufbau festhalten.
Bin für jeden Lösungsansatz dankbar.
Dirk