3 Spalten im Footer responsive gestalten

[Marcel]

@Rolf B du bist eine Granate 👍. Ich bin völlig begeistert was ich von dir alles dazulernen kann. Ich muss ja nochmal betonen, dass ich mir programmieren gerade erst neu und selbst beibringe.

Der Sinn der Java-Einbindung direkt in der html-Datei ist mir nun etwas klarer. Die Icons mit in die Überschriften einzubeziehen finde ich eine super Lösung. Das wirkt gleich alles viel klarer und sauberer. Die Durchnummerierung der Überschriften passe ich später auf jeden Fall noch an.

Zwischenzeitlich habe ich mir selber noch eine weitere Leiste unter meinen Footer gesetzt. Jetzt arbeite ich daran Text auf Bilder zu bekommen. Das klappt auch schon recht gut, nur geht die Navigationsleiste unter den Bildern hindurch statt weiterhin oben drüber zu fahren?? Das bringt mich zur Verzweiflung.

<section class="textonpic">
            <img src="new_2020.jpg" alt="Die Neuheiten 2020" stlye="max-width: 100%"/>
            <div class="texttopleft"><p>Neuheiten 2020</p>
            <p>Die Hanse in Europa wächst und das Piratenmädchen Awilda zieht mit Familienfreifall
            und Wasserbahn in die Reiche des Nordens.</p></div>
</section>

.textonpic {
    position: relative;
    text-align: left;
}

.texttopleft {
    position: absolute;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    top: 1em;
    left: 1em;
    right: 1em;
}

Hast du bzw. habt ihr für das Problem auch eine Lösung für mich?

Ich bin mega dankbar für die ganze Unterstützung hier! Marcel