diff --git a/components/navbar.js b/components/navbar.js
index b36526e..9183085 100644
--- a/components/navbar.js
+++ b/components/navbar.js
@@ -6,7 +6,7 @@ function Navbar() {
return (
-
Teknoloji Rehberleri
+
Teknoloji Rehberleri
-
Site Hakkında
- -
- Yazı Gönder
-
);
diff --git a/styles/base/_base.scss b/styles/base/_base.scss
index 12f6fe9..598920d 100644
--- a/styles/base/_base.scss
+++ b/styles/base/_base.scss
@@ -13,7 +13,6 @@ html {
body {
box-sizing: border-box;
- padding: 3rem;
background-color: var(--color-background);
}
diff --git a/styles/base/_typography.scss b/styles/base/_typography.scss
index 99fc628..f566457 100644
--- a/styles/base/_typography.scss
+++ b/styles/base/_typography.scss
@@ -4,7 +4,7 @@ li {
}
h1 {
- font-size: 2.7rem;
+ font-size: 2.5rem;
color: var(--color-primary);
}
diff --git a/styles/components/navbar.scss b/styles/components/navbar.scss
index 1c45c2c..090b279 100644
--- a/styles/components/navbar.scss
+++ b/styles/components/navbar.scss
@@ -1,11 +1,23 @@
.navbar {
- display: flex;
- justify-content: space-between;
+ display: grid;
+ grid-template-columns: repeat(5, 1fr);
+ justify-items: center;
+
+ background-color: var(--color-grey);
+ padding: 1.6rem;
+
+ &_logo {
+ justify-self: flex-end;
+ grid-column: 1;
+ }
&_list {
display: flex;
- justify-content: flex-end;
- margin-top: 0.5rem;
+ grid-column: 5;
+ justify-self: flex-start;
+
+ margin-top: 0.3rem;
+ margin-left: 2rem;
font-size: 2rem;
list-style-type: none;