Arrière-plan & Structure

Leçon 3 sur 16 du cours Clone de page Instagram | Projet Front-End de Coddy.

Nous avons stylisé le body avec un display de flex et tout centré verticalement et horizontalement, car vous allez maintenant créer l'arrière-plan/le canevas de la page. Nous aurons un div avec une width et une height de 95% et plus tard, nous aurons la structure suivante

La partie supérieure de notre site web sera une section appelée profileInfo et la partie inférieure sera posts, après quoi nous commencerons à diviser chacune d'elles en plusieurs parties.

Défi

Facile

Saisissez une balise title dans la partie head du HTML avec un titre de Instagram
À l'intérieur de la balise body dans le fichier index.html, créez une div avec l'id background. Laissez-la vide pour le moment
Stylez la div en utilisant son id dans le fichier styles.css avec une height et une width de 95%.
Une propriété background avec une valeur de white
Et un border-radius de 15px

Essayez vous-même

<!DOCTYPE html>
<html>
<head>
    <!-- Saisir le titre -->
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Écrire le code HTML ici -->
    </body>
</html>