1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-09-02 10:22:54 +02:00

Tweak the footer

This commit is contained in:
Phuoc Nguyen
2021-03-28 20:52:55 +07:00
parent 08e9330244
commit dfc89c1823
3 changed files with 118 additions and 154 deletions

37
client/layouts/footer.css Normal file
View File

@@ -0,0 +1,37 @@
.footer {
padding: 2rem 0 4rem 0;
}
.footer__about {
border-bottom: 1px solid var(--text-color);
display: flex;
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.footer__author {
flex: 1;
}
.footer__social {
margin-left: 0.5rem;
color: var(--text-color);
}
.footer__grid {
display: flex;
margin-left: -1rem;
margin-right: -1rem;
}
.footer__col {
flex: 1;
padding-left: 1rem;
padding-right: 1rem;
}
.footer__products {
list-style-type: none;
margin: 0;
padding: 0;
}
.footer__product {
margin: 0.25rem 0;
}
.footer__product a {
color: var(--text-color);
}