Hintergrund & Struktur

Lektion 3 von 16 im Kurs Instagram-Clone | Front-End-Projekt von Coddy.

Wir haben den body mit einem display von flex gestaltet und alles vertikal und horizontal zentriert, da du nun den Hintergrund/Canvas für die Seite erstellen wirst. Wir werden ein div mit einer width und height von 95% haben und später werden wir die folgende Struktur haben

Der obere Teil unserer Website wird eine section namens profileInfo sein und der untere Teil wird posts sein, danach werden wir beginnen, jeden davon in weitere Teile aufzuteilen.

Aufgabe

Einfach

Füge ein title-Tag im head-Bereich des HTML mit dem Titel Instagram ein
Erstelle innerhalb des body-Tags in der index.html ein div mit der ID background. Lass es vorerst leer
Style das div unter Verwendung seiner ID in der styles.css mit einer height und width von 95%.
Eine background-Eigenschaft mit dem Wert white
Und einen border-radius von 15px

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <!-- Titel eingeben -->
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- HTML-Code hier schreiben -->
    </body>
</html>