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