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

); 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;