add styles of navbar

BasemYahia402 · Aug 25, 2023 · 788cdc8 · 788cdc8
1 parent 48e8032
commit 788cdc8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/Calculator/assets/Css/style.css b/Calculator/assets/Css/style.css
@@ -76,3 +76,17 @@ img {
 button {
     cursor: pointer;
 }
+
+/*-----------------------------------*\
+  || CUSTOM PROPERTIES ||
+\*-----------------------------------*/
+
+.logo {
+    height: 10rem;
+}
+
+@media (max-width: 767px) {
+    .logo {
+        height: 5rem;
+    }
+}
diff --git a/Calculator/index.html b/Calculator/index.html
@@ -15,7 +15,7 @@
   </head>
   <body>
     <nav>
-      <div class="logo">
+      <div class="logo d-flex align-items-center w-100 p-3">
         <button id="sidebar-toggle">
           <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -32,7 +32,7 @@
             />
           </svg>
         </button>
-        <p>Calculator</p>
+        <p class="w-100 ms-3">Calculator</p>
       </div>
     </nav>