Servus! > Hallo Felix, > > danke für deine Kritik. Ich werde mich bemühen, diese auch umzusetzen. > > ... sondern soll jetzt im Moment hauptsächlich als **Versuchskaninchen** dienen, da ich vor allem beim mobile-responsive-design sehr unerfahren bin. Genau da kannst du jetzt wirkungsvoll an einer klaren HTML-Struktur arbeiten, die nur so viele Elemente wie nötig verwendet und deshalb sehr übersichtlich ist. Auch beim CSS gilt „Weniger ist oft mehr!“, wenn du gezielt Festlegungen triffst. So sind die meisten Breiten und anderen Größenfestlegungen im repsonsiven Webdesign gar nicht nötig, ab und zu mal eine `max-width` ist oft schon genug. `position: absolute`, wie in deinem `outer-wrapper` ist meist eher schädlich. Ein Hintergrundbild sieht oft auf dem Desktop sehr gut aus, bei mobilen Geräten wirkt es oft anders. Wenn Du es eh durch den `outer-wrapper` wieder fast verdeckst, könntest Du überlegen, ob ein attraktiver header reicht. Auf jeden Fall könntest du es auch zusammenfassen: ~~~CSS body { background-image: url('../res/images/regbg.jpg'); background-size: cover; background-color: rgba(255, 255, 255, 0.76); } ~~~ Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}

Servus! > Hallo Felix, > > danke für deine Kritik. Ich werde mich bemühen, diese auch umzusetzen. > > ... sondern soll jetzt im Moment hauptsächlich als **Versuchskaninchen** dienen, da ich vor allem beim mobile-responsive-design sehr unerfahren bin. Genau da kannst du jetzt wirkungsvoll an einer klaren HTML-Struktur arbeiten, die nur so viele Elemente wie nötig verwendet und deshalb sehr übersichtlich ist. Auch beim CSS gilt „Weniger ist oft mehr!“, wenn du gezielt Festlegungen triffst. So sind die meisten Breiten und anderen Größenfestlegungen im repsonsiven Webdesign gar nicht nötig, ab und zu mal eine `max-width` ist oft schon genug. position: absolute, wie in deinem `outer-wrapper` ist meist eher schädlich. Ein Hintergrundbild sieht oft auf dem Desktop sehr gut aus, bei mobilen Geräten wirkt es oft anders. Wenn Du es eh durch den `outer-wrapper` wieder fast verdeckst, könntest Du überlegen, ob ein attraktiver header reicht. Auf jeden Fall könntest du es auch zusammenfassen: ~~~CSS body { background-image: url('../res/images/regbg.jpg'); background-size: cover; background-color: rgba(255, 255, 255, 0.76); } ~~~ Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}

Servus! > Hallo Felix, > > danke für deine Kritik. Ich werde mich bemühen, diese auch umzusetzen. > > ... sondern soll jetzt im Moment hauptsächlich als **Versuchskaninchen** dienen, da ich vor allem beim mobile-responsive-design sehr unerfahren bin. Genau da kannst du jetzt wirkungsvoll an einer klaren HTML-Struktur arbeiten, die nur so viele Elemente wie nötig verwendet und deshalb sehr übersichtlich ist. Auch beim CSS gilt „Weniger ist oft mehr!“, wenn du gezielt Festlegungen triffst. So sind die meisten Breiten und anderen Größenfestlegungen im repsonsiven Webdesign gar nicht nötig, ab und zu mal eine max-width ist oft schon genug. position: absolute, wie in deinem outer-wrapper ist meist eher schädlich. Ein Hintergrundbild sieht oft auf dem Desktop sehr gut aus, bei mobilen Geräten wirkt es oft anders. Wenn Du es eh durch den outer-wrappe wieder fast verdeckst, könntest Du überlegen, ob ein attraktiver header reicht. Auf jeden Fall könntest du es auch zusammenfassen: ~~~CSS body { background-image: url('../res/images/regbg.jpg'); background-size: cover; background-color: rgba(255, 255, 255, 0.76); } ~~~ Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}