Skip to content

Commit

Permalink
fix footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@mafSida
mafSida committed Aug 19, 2024
1 parent 93fbe89 commit 63b1b7a
Show file tree
Hide file tree
Showing 3 changed files with 18 additions and 18 deletions.
8 changes: 5 additions & 3 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -421,9 +421,11 @@ img {

.footer .container {
display: flex;
align-items: baseline;
}

.footer-text-wrap {
margin-right: 120px;
}

.footer-logo {
Expand All @@ -450,7 +452,6 @@ img {
}

.footer-socials-wrap {
margin-left: 120px;
max-width: 208px;
}
.footer-social-title {
Expand Down Expand Up @@ -478,10 +479,11 @@ img {
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.footer-socials-icon {
fill: white;
fill: #f4f4fd;
}

.footer-list-link:hover,
.footer-list-link:focus {
.footer-list-link:focus,
.footer-list-link:active {
background-color: #31d0aa;
}
10 changes: 5 additions & 5 deletions images/icons.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 8 additions & 10 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,30 +132,28 @@ <h3 class="team-list-title">Mark Guerrero</h3>
<li class="team-socials-item">
<a class="socials-list-link">
<svg class="socials-icon" width="16" height="16">
<use
href="./images/icons-defs.svg#instagram-icon"
></use>
<use href="./images/icons.svg#instagram-icon"></use>
</svg>
</a>
</li>
<li class="team-socials-item">
<a class="socials-list-link">
<svg class="socials-icon" width="16" height="16">
<use href="./images/icons-defs.svg#twitter-icon"></use>
<use href="./images/icons.svg#twitter-icon"></use>
</svg>
</a>
</li>
<li class="team-socials-item">
<a class="socials-list-link">
<svg class="socials-icon" width="16" height="16">
<use href="./images/icons-defs.svg#facebook-icon"></use>
<use href="./images/icons.svg#facebook-icon"></use>
</svg>
</a>
</li>
<li class="team-socials-item">
<a class="socials-list-link">
<svg class="socials-icon" width="16" height="16">
<use href="./images/icons-defs.svg#linkedin-icon"></use>
<use href="./images/icons.svg#linkedin-icon"></use>
</svg>
</a>
</li>
Expand Down Expand Up @@ -436,28 +434,28 @@ <h3 class="product-list-title">Online Courses</h3>
<li class="footer-socials-item">
<a class="footer-list-link">
<svg class="footer-socials-icon" width="24" height="24">
<use href="./images/icons-defs.svg#instagram-icon"></use>
<use href="./images/icons.svg#instagram-icon"></use>
</svg>
</a>
</li>
<li class="footer-socials-item">
<a class="footer-list-link">
<svg class="footer-socials-icon" width="24" height="24">
<use href="./images/icons-defs.svg#twitter-icon"></use>
<use href="./images/icons.svg#twitter-icon"></use>
</svg>
</a>
</li>
<li class="footer-socials-item">
<a class="footer-list-link">
<svg class="footer-socials-icon" width="24" height="24">
<use href="./images/icons-defs.svg#facebook-icon"></use>
<use href="./images/icons.svg#facebook-icon"></use>
</svg>
</a>
</li>
<li class="footer-socials-item">
<a class="footer-list-link">
<svg class="footer-socials-icon" width="24" height="24">
<use href="./images/icons-defs.svg#linkedin-icon"></use>
<use href="./images/icons.svg#linkedin-icon"></use>
</svg>
</a>
</li>
Expand Down

0 comments on commit 63b1b7a

Please sign in to comment.