Robertos Testseite

Hier folgen Robertos Test ...

Die Breite des Inhaltes ist zum Lesen zu breit. Du passt also die Breite an und zentrieren das gesamte Layout.

  1. Öffne das index.html deines Projektes.
  2. Erstellen einen div Tag, der das gesamte Layout einschliesst. Gebe diesem div die Klasse .container.
  3. Öffne deine style.css.
  4. Ergänze die Mediaqueries ab 980px. Definiere dort einen Border für den.container damit diese sichtbar wird.
    .container{
    border: 1px solid #000;
     }
  5. Demselben.container gibst du nun eine minimale und eine maximale Breite. Das Layout soll nie breiter als 1200px werden.
    .container{
    border: 1px solid #000;
    min-width: 980px;
    max-width: 1200px;
    }
  6. Zum Schluss zentriert du das gesammte Layout, indem du dem.container mit
     margin: 0 auto;
    gibst.
  7. Ergänze alle anderen HTML-Seiten auch mit dem Element div class="container" damit dein Layout konsistent wird.