Liste öğesi stillendirme

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

Liste öğeleri için stil ekleyelim; bunu kullanarak simgeleri düzgün bir şekilde ayarlayabileceksiniz.

Görev

Kolay

navigation sınıfından ve sırasız listeden liste öğelerini .navigation ul li hedefleyin:

Yüksekliği ve genişliği 35px, kenar boşluğunu (margin) 1rem olarak ayarlayın.
İç boşluğu (padding) 0 1rem olarak ayarlayın.
Rengi istediğiniz herhangi bir renge ayarlayın! (önerilen: white)
Kenar yuvarlaklığını (border-radius) 50% olarak ayarlayın.
display özelliğini flex, align-items ve justify-content özelliklerini center olarak ayarlayın.

Aşağıdaki stili ekleyin:

cursor: pointer;
transition: all 0.2s linear;

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>