update link hover underline and fixed a missing icon

This commit is contained in:
AtHeartEngineer
2022-03-31 12:23:59 -04:00
parent ab5ef56493
commit ea0ee7da9c
2 changed files with 12 additions and 4 deletions

View File

@@ -203,7 +203,7 @@
</p>
</div>
<div class="col-md-1 link">
<a href="" alt="" class="icon"> <div>Website</div></a>
<a href=""><img src="images/globe.svg" alt="" class="icon"> <div>Website</div></a>
</div>
<div class="col-md-1 link">
<a href=""><img src="images/github.svg" alt="" class="icon"> <div>Github</div></a>

View File

@@ -25,13 +25,20 @@ body {
text-align: center;
}
.link a {
.link, .link a{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
a {
text-decoration: none;
color: white;
color: white !important;
}
a:hover {
text-decoration: underline;
}
.icon {
@@ -39,7 +46,8 @@ body {
padding-bottom: .5rem;
}
A[href=""], A[href="#"] {
a[href=""], a[href="#"], a[href=""]:hover, a[href="#"]:hover {
opacity: 25%;
cursor: default;
text-decoration: none;
}