Ajout de CSS au footer et ajustement padding body

This commit is contained in:
Alexel 2024-09-16 16:33:54 -04:00
parent dc1321c3e6
commit 787cb54b7d
3 changed files with 40 additions and 0 deletions

38
public/css/footer.css Normal file
View file

@ -0,0 +1,38 @@
footer.css .pageFooter {
background: #f3f3f7;
/*Gris pâle*/
width: 100%;
padding: 5px;
position: fixed;
bottom: 0;
}
ul.footerElementList {
display: flex;
flex-flow: row;
list-style: none;
justify-content: space-around;
align-items: center;
text-align: center;
}
.footerElement {
font-family: "Poppins";
font-weight: 400;
/*semi-bold*/
font-size: 0.5rem;
/*8px*/
text-align: center;
}
@media screen and (min-width: 768px) {
.footerElement {
font-family: "Poppins";
font-weight: 400;
/*semi-bold*/
font-size: 0.75rem;
/*12px*/
text-align: center;
}
}

View file

@ -15,6 +15,7 @@ img {
body { body {
margin: 0; margin: 0;
padding-top: 60px; padding-top: 60px;
padding-bottom: 20px;
} }
ul { ul {

View file

@ -2,6 +2,7 @@
<link rel="stylesheet" href="/public/css/general.css"> <link rel="stylesheet" href="/public/css/general.css">
<link rel="stylesheet" href="/public/css/fonts.css"> <link rel="stylesheet" href="/public/css/fonts.css">
<link rel="stylesheet" href="/public/css/header.css"> <link rel="stylesheet" href="/public/css/header.css">
<link rel="stylesheet" href="/public/css/footer.css">
<script> <script>
function onToggleNav() { function onToggleNav() {
var menu = document.querySelector(".headerMenuMobile"); var menu = document.querySelector(".headerMenuMobile");