HTML ve Body'ye Stil Verme

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

Bu kursta, varsayılan Instagram sayfa tasarımının bir kopyasını/klonunu yapıyorsunuz, bu nedenle maalesef yaratıcılık için çok fazla özgürlüğünüz yok, ancak bunun yerine web siteleri oluştururken bazı kritik yaklaşımları öğrenmenize yardımcı olacak adımları takip ediyorsunuz.

Web sitesinin en uygun görünümünü elde etmek için yapmamız gereken ilk şey, styles.css dosyasındaki HTML, CSS ve arka plan stilini hazırlamaktır.

Görev

Kolay

Sosyal medya yazı tipi görünümünü elde etmek için body etiketini padding değeri 0, display değeri flex olacak şekilde stillendirin, öğeleri justify-content kullanarak ortalayın, öğeleri align-items kullanarak ortalayın, background değerini lightgray olarak ayarlayın ve son olarak font-family değerini sans-serif yapın

Kendin dene

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>