Navbarのスタイリング

Coddyの「ボトムナビゲーションバー - HTML/CSSプロジェクト」コースのレッスン 9/12。

ナビゲーションバーをスタイリングしましょう！

チャレンジ

簡単

“navigation” クラスを対象にします：

位置を設定するには：
a. position を absolute に設定します。
b. bottom を 32px に設定します。
c. border-radius を 24px に設定します。
d. left を 50% に設定します。
以下の transition スタイルを追加します：
```
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>