Buttons - I

Урок 10 из 13 курса Боковая панель | Проект по Front-end на Coddy.

Задание

Средне

Примените стили к обоим элементам #openSidebarBtn и #closeSidebarBtn:

1. Установите цвет фона по вашему выбору

2. Отключите стилизацию границ

3. Установите радиус границ по вашему выбору

4. Установите внутренние отступы (padding) по вашему выбору

5. Установите размер шрифта по вашему выбору

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>Mobile Sidebar</title>
</head>
<body>
  <button id="openSidebarBtn">Open</button>
  <div id="sidebar" class="sidebar">
    <button id="closeSidebarBtn">Close</button>
    <!-- Your sidebar content goes here -->
    <p>Home</p>
    <p>About</p>
    <p>Services</p>
    <p>Contact</p>
  </div>
  <script src="script.js"></script>
</body>
</html>