Website responsive machen Fehler

[Matthias Scharwies]

Servus!

verkleinern wär am besten denke ich

Ich gehe da mit @Henry der eher eine kürzere h2 bevorzugt. Auf einem Handy würde die Überschrift kleinerwaffenschein.eu auf 20em Breite sehr klein aussehen und nicht

• lesbar
• als Überschrift erkennbar sein.

Was Hältst Du von "kleiner Waffenschein?"

BTW: Dein HTML und CSS enthält viele Elemente, die nicht benötigt werden:

#banner h2 {

    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform .5s ease,opacity .5s ease;
    -webkit-transition: -webkit-transform .5s ease,opacity .5s ease;
    -ms-transition: -ms-transform .5s ease,opacity .5s ease;
    transition: transform .5s ease,opacity .5s ease;
    display: inline-block;
    font-size: 1.75em;
    opacity: 1;
    padding: .35em 1em;
    position: relative;
    z-index: 1;
}

Das ist das gleiche wie:

#banner h2 {
    transition: transform .5s ease,opacity .5s ease;
    padding: .35em 1em;
}

Das div.inner im banner ist auch nicht nötig!

Herzliche Grüße

Matthias Scharwies