Moin,
m.E. custom.css
Für .analytic:last-child ist für den oberen Abstand (padding) 7px vorgesehen.
Christian
Elemente mit inline-block werden an der Grundlinie ausgerichtet und ragen dann nach oben, entweder fügst du dem Element vertical-align: top hinzu oder nimmst display: inline-table.
Noch eine kleine Hilfe bitte!
In der Desktop Ansicht sind die Bilder (im Moment noch skaliert da die endgültige Größe noch nicht fest steht) gleich groß wie angegeben, in der mobilen Ansicht werden die Bilder plötzlich unterschiedlich groß durch die responsive Skalierung 
https://www.ft-shoppermarketing.de/unternehmen/das-team.html
Any Idea?
Desktop
mobile
Die Tabellen brauchen eine width von 100% - ansonsten klappt das mit den 50% der TDs nicht.
Entweder im HTML einbauen <table width="100%" ...
oder per eigenem CSS (ggf. nur für Phones):
@media (max-width: 767px) {
TABLE {
width: 100%;
}
}
Alles anzeigenDie Tabellen brauchen eine width von 100% - ansonsten klappt das mit den 50% der TDs nicht.
Entweder im HTML einbauen <table width="100%" ...
oder per eigenem CSS (ggf. nur für Phones):
@media (max-width: 767px) {
TABLE {
width: 100%;
}
}
Ja war eine meiner Ideen! Aber, ich hab mal die 100% schnell eingebaut, das hat keine Auswirkung auf die responsive Skalierung. Die Bilder bleiben unterschiedlich groß.
Ich teste mal den CSS Befehl...
Tabellenzellen nehmen sich den Platz in einer Zeile den sie brauchen und bleiben nicht bei 50% Breite, wenn Padding und Schrift sie dazu zwingen, dafür brechen sie auch nicht um. Schlecht, wenn dabei Schriften in ihrer Breite die angegebene Breite übersteigen wie hier.
Für den mobilen media query kannst du dir überlegen mit td {display: block;} die Zellen untereinander anzuordnen.
Mit tr {vertical-align:top} kannst du die Ausrichtung am oberen Rand in den Griff bekommen.
Besser als Tabellen ist natürlich Bootstrap.
Doch, schon ein Unterschied - aber ich habe den Viewport nicht schmal genug gezogen.
An der zu große Schriftgröße scheitert's.
Du kannst der @media max 767 TABLE CSS Rule noch
table-layout: fixed;
hinzufügen - dann skaliert der Browser nicht selbst, auch wenn die Elemente etwas über die Tabellenzellen gehen
und/oder du kannst die Schriftgröße kleiner machen auf dem Handy.
@media (max-width: 767px) {
TABLE H2 {
font-size:18px;
}
Besser als Tabellen ist natürlich Bootstrap.
ohne Frage, aber aus Gründen... 
table-layout: fixed;
Ja wenn man so gut wie nie was mit Tabellen macht hat man nicht alles am Schirm. Das funktioniert.
Vielen Dank an allen Helfern!
