تنسيق Navbar

الدرس 9 من 12 في دورة شريط التنقل السفلي - مشروع HTML/CSS على Coddy.

لنقم بتنسيق شريط التنقل!

التحدي

سهل

استهدف فئة "navigation":

لضبط الموضع:
أ. اضبط الموضع (position) على absolute.
ب. اضبط الحافة السفلية (bottom) على 32px.
ج. اضبط نصف قطر الحدود (border-radius) على 24px.
د. اضبط الموضع الأيسر (left) على 50%.
أضف تنسيق التحويل أدناه:
```
transform: translate(-50%, 0);
```
اضبط لون الخلفية (background-color) على أي لون تفضله! (موصى به: purple)

جرّب بنفسك

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