From 5ed033ffc61156024fba0c63933be893d213bde1 Mon Sep 17 00:00:00 2001
From: Tiago Brito <69848652+britotiago03@users.noreply.github.com>
Date: Fri, 10 May 2024 05:13:00 +0200
Subject: [PATCH] Implemented Navigation.css
---
frontend/src/css/Navigation.css | 23 +++++++++++++++++++++++
1 file changed, 23 insertions(+)
create mode 100644 frontend/src/css/Navigation.css
diff --git a/frontend/src/css/Navigation.css b/frontend/src/css/Navigation.css
new file mode 100644
index 0000000..15b9b6d
--- /dev/null
+++ b/frontend/src/css/Navigation.css
@@ -0,0 +1,23 @@
+.category-nav {
+ display: flex; /* Makes the nav container a flex container */
+ justify-content: center; /* Centers items along the main axis */
+ align-items: center; /* Aligns items along the cross axis */
+ padding: 15px 0; /* Gives some padding around the nav */
+}
+
+nav ul {
+ list-style: none;
+ padding: 0; /* Removes default padding */
+ margin: 0; /* Removes default margin */
+ display: flex; /* Makes the ul a flex container */
+ align-items: center; /* Aligns items vertically */
+}
+
+nav ul li {
+ padding: 0 15px; /* Adjusts padding for spacing between items */
+}
+
+nav ul li a {
+ text-decoration: none;
+ color: #333;
+}
--
GitLab