Стилизация элементов списка

Урок 11 из 12 курса Нижняя панель навигации — проект на HTML/CSS на Coddy.

Давайте добавим стили для элементов списка; используя это, вы сможете правильно настроить иконки.

Задание

Легко

Выберите элементы списка из класса navigation и неупорядоченного списка .navigation ul li:

Установите высоту (height) и ширину (width) на 35px, а внешний отступ (margin) на 1rem.
Установите внутренний отступ (padding) на 0 1rem.
Установите цвет (color) на любой вкус! (рекомендуется: white)
Установите скругление углов (border-radius) на 50%.
Установите display на flex, а align-items и justify-content на center.
Добавьте следующие стили:
```
cursor: pointer;
transition: all 0.2s linear;
```

Попробуйте сами

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