Sırasız liste stillendirme

Coddy'nin Alt Gezinti Çubuğu - HTML/CSS Projesi kursunda ders 10 / 12.

Sırasız liste noktalarını kaldıralım ve simgeleri yatay olarak hizalayalım.

Görev

Kolay

.navigation ul navigasyon sınıfındaki sırasız listeyi hedefleyin:

display özelliğini flex olarak ayarlayın.
justify-content özelliğini space-around olarak ayarlayın.
list-style özelliğini none olarak ayarlayın.

Kendin dene

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

Alt Gezinti Çubuğu - HTML/CSS Projesi bölümündeki tüm dersler

1Navigasyon Çubuğu

Kod Kurulumu Ana Kapsayıcı (main-container)

Navbar

Sırasız Liste ve Başlık

Liste Öğeleri ve Başlıklar

2Stil

Sırasız liste stillendirme Proje dersi

Liste öğesi stillendirme

İkon üzerinde hover animasyonu