Hilfe beim responsiven Header

Hallo,

ich würde gerne einen Part responsive machen.
Da die Zeilen von mir stammen, sind sie leider noch nicht handytauglich.

Es geht um:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Wie mach ich das am Besten? Gibt es irgendwie nen Generator, den ich noch nicht kenne, wo er fertiges responsive CSS ausspuckt? Heutzutage gibts ja so vieles schon.

 

Es geht um www.anjaliebt.de
Das ist der Header, den ich gerne responsive machen möchte.
Ich habe ihn aktuell ausgeblendet auf Handys, aber eigentlich wäre es doch schön, wenn er sich anpassen würde, oder?

Bevor ich ihn ausgeblendet habe, wurde er nicht verkleinert angezeigt, was natürlich auf Handys nicht so praktisch ist.

 

Ja, habe ich, allerdings ist mein Englisch nicht wirklich gut und ich hätte es noch übersetzen müssen.
Ich habe mal dein Beispiel befolgt und es klappt wunderbar, allerdings würde ich gerne per background-repeat: repeat-x; mein Header nun wieder von Anfang an laufen lassen. Aktuell ist es so, wenn der Header endet, dann kommt nichts. Und das würde ich gerne noch ändern.

Mein Code sieht so aus nun:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Und mein HTML Code so:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Ich habe mal versuch im HTML Code noch background-repeat: repeat-x; einzufügen, klappt aber nicht.

Auch dir ein Danke. Von uha der Beitrag klappte
Ich werde mir auch nochmal alles genauer anschauen.