Matthias Scharwies: CSS/fertige Layouts - fast fertig!

Beitrag lesen

problematische Seite

Servus!

im Design zwei würde ich den Abstand nach außen raus nehmen

Ich habe ihn ab 30em Breite abgeschaltet

Und die Navigation müsste im Handy-Zustand auch noch etwas überarbeitet werden?

Wie kann ich das Hintergrundbild entfernen?

header.banner {
  background: 
             url("../img/Design02.svg") no-repeat right,
             #666 
			 repeating-linear-gradient(-45deg, black, #151515 8em); 
  background-size: contain, auto; 			 
  padding: 0 0 0.5em;
}

@media screen and (max-width: 30em) { /* Normalerweise werden solche responsiven Layout-Einstellungen gesondert am Schluss notiert. Hier sollen die mulitple backgrounds aber gleich anfangs gezeigt werden. Auf zu kleinen Bildschirmen wird das Bild jedoch ausgeblendet.  */
  header.banner {
    background: #666 repeating-linear-gradient(-45deg, black, #151515 8em); 
  }
}

Zur Not dreh ich das um:

  • grauer Hintergrund als Normalfall
  • media queries mit Hintergundbild ab 30em

Herzliche Grüße

Matthias Scharwies

--
Es gibt viel zu tun: ToDo-Liste