From 68d727ecca5d0f8b32997d1e2d8bc1053a2b27d0 Mon Sep 17 00:00:00 2001 From: JordyMu Date: Tue, 12 Nov 2024 03:25:39 +0200 Subject: [PATCH] I make some change to the index.html header and added some css styles --- index.html | 13 +++++++++---- style.css | 19 +++++++++++++++++-- 2 files changed, 26 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 7b0d8b5a..6e022a4a 100644 --- a/index.html +++ b/index.html @@ -38,18 +38,23 @@
-

My Name

+

Jordy

-

About Me

+
+

Software Developer

+

Hi, I'm Jordy
+ Ilunga Mukandayi From South Africa +

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla nisi excepturi quidem, eum rem doloribus quam aspernatur hic enim eligendi diff --git a/style.css b/style.css index c911f90c..dc4ecf10 100644 --- a/style.css +++ b/style.css @@ -11,7 +11,8 @@ html, body { scroll-behavior: smooth; - background: var(--paper); + /* background: var(--paper); */ + background: #fff; color: var(--ink); font-family: var(--font); } @@ -36,7 +37,7 @@ a:focus { } /* Site header and navigation */ body > header { - background: var(--paper); + /* background: var(--paper); */ display: flex; justify-content: space-between; align-items: center; @@ -44,10 +45,24 @@ body > header { top: 0; z-index: 1; } + +nav{ + background: var(--paper); + border-radius: 20px; + padding: 8px 40px 8px 4px; + margin-top: 10px; +} nav ul { display: flex; list-style: none; gap: var(--gap); + border-radius: 20px; +} +nav .current a{ + background: #ffffff; + border-radius: 100px; + width: 20%; + padding: 8px 20px ; } /* Text readability */