Vergleichstabelle

Hallo zusammen,

ich hab folgendes Problem: Ich bau gerade eine Website auf und wollte eine Produkt Vergleichstabelle einfügen. Ein PlugIn, das mir vom Design zusagt habe ich leider nicht gefunden, also hab ich einfach von Hand verschiedene Textspalten eingefügt und so lang rumgespielt bis es passt. Oberhalb und unterhalb der Tabelle steht etwas Text. Auf der Desktop-Version sieht das nach einer Tabelle aus allerdings nicht auf der mobilen, da es dort sämtliche Textinhalte an die Displaybreite anpasst. Der Text ober- und unterhalb der Tabelle soll an die Displaybreite angepasst werden (was es auch tut), die Spalten der Tabelle allerdings nicht. Dieser Bereich soll horizontal bewegt werden.

Ich hab hier mal eine Skizze gemacht, da es schwer zu erklären ist, vielleicht macht das mein Problem anschaulicher.



Es soll die Desktop Version darstellen, der rote Rahmen das Smartphone.
Grauer Text = Desktop
Roter Text = Mobil
Grauer Bereich in der Mitte = Tabellen"bereich", welcher auf der mobilen Version horizontal bewegt werden soll.

Weiteres: Benutze das Tesseract Theme

Wäre super, wenn mir jemand weiterhelfen könnte

Beste Grüße

Patrick