Ich habe gerade kein IDings zum Vergleichen.
Aber auf dem Smartphone sieht es entschieden anders aus als auf dem Laptop.
Hast du dich mal mit CSS befasst und wie man die Elemente nach Größe des Viewports unterschiedlich einstellen kann?
/* **************************
* schmale Anzeige
* ************************** */
@media screen and (max-width: 400px) {
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
}
/* **************************
* breite Anzeige
* ************************** */
@media screen and (min-width: 400.1px) {
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.1em; }
}