From 99837d707211bbdc5f346c27e11537de4006b7de Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C2=96Abhaykumarchoudhary?= Date: Tue, 15 Oct 2024 19:46:25 +0530 Subject: [PATCH] Enhanced the UI --- assets/css/styles.css | 24 +++++++++++++++--------- assets/scss/styles.scss | 1 + index.html | 2 +- 3 files changed, 17 insertions(+), 10 deletions(-) diff --git a/assets/css/styles.css b/assets/css/styles.css index c83e8125..73552ccf 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -141,17 +141,18 @@ img { position: relative; color: #fff; } -.nav__link:hover { - position: relative; -} -.nav__link:hover::after { +nav ul li a::after{ + content: ''; + width: 0; + height: 3px; + background:blue ; position: absolute; - content: ""; - width: 100%; - height: 0.18rem; left: 0; - top: 2rem; - background-color: var(--first-color); + bottom: -6px; + transition: 0.5s; +} +nav ul li a:hover::after{ + width: 100%; } .nav__logo { color: var(--second-color); @@ -178,6 +179,11 @@ img { right: 0; } +.l-main{ + background-color:lavender; +} + + /*===== HOME =====*/ .home { position: relative; diff --git a/assets/scss/styles.scss b/assets/scss/styles.scss index 241e4d30..206de653 100644 --- a/assets/scss/styles.scss +++ b/assets/scss/styles.scss @@ -55,6 +55,7 @@ body{ h1,h2,p{ margin: 0; } + ul{ margin: 0; padding: 0; diff --git a/index.html b/index.html index a9d35eca..e3df4d1b 100644 --- a/index.html +++ b/index.html @@ -41,7 +41,7 @@

Hi,
I'am Marlon
Web Designer

- Contact + Contact