Arka Plan ve Yapı

Coddy'nin Instagram Sayfası Klonu | Front-End Projesi kursunda ders 3 / 16.

body öğesini flex display özelliği ile stilize ettik ve her şeyi dikey ve yatay olarak ortaladık, çünkü şimdi sayfa için arka planı/tuvali oluşturacaksınız. %95 width ve height değerlerine sahip bir div öğemiz olacak ve daha sonra aşağıdaki yapıya sahip olacağız.

Web sitemizin üst kısmı profileInfo adında bir section olacak ve alt kısmı posts olacak, ondan sonra her birini daha fazla parçaya bölmeye başlayacağız.

Görev

Kolay

HTML'in head kısmına başlığı Instagram olan bir title etiketi girin
index.html dosyasındaki body etiketi içinde id'si background olan bir div oluşturun. Şimdilik boş bırakın
styles.css dosyasında id'sini kullanarak div'i 95% height ve width değerleriyle stillendirin.
Değeri white olan bir background özelliği
Ve 15px değerinde bir border-radius

Kendin dene

<!DOCTYPE html>
<html>
<head>
    <!-- Başlığı girin -->
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- HTML kodunu buraya yazın -->
    </body>
</html>