vincentRamiere/simpleat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer responsive

Browse Source
This commit is contained in:
Vincent Ramiere 2022-03-11 14:38:21 +01:00
parent 757811c04f
commit b9fa5aa2eb
2 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/footer/footer.component.html
View File

@ -1,14 +1,12 @@
<footer class="d-flex">
<div class = "logo d-inline-flex align-items-center">
<img src="../../assets/Logo_footer.png">
<div class="logo d-inline-flex align-items-center">
<img src="../../assets/Logo_footer.png" />
</div>
<div class="liens d-flex justify-content-end align-items-center">
<h5>Aide</h5>
<h5>Contact</h5>
<h5 routerLink="/admin">Administrateurs</h5>
<h5>Mentions legales</h5>
<h5>Aide</h5>
<h5>Contact</h5>
<h5 routerLink="/admin">Administrateurs</h5>
<h5>Mentions legales</h5>
</div>
</footer>
</footer>

28
src/app/footer/footer.component.scss
View File

@ -1,8 +1,7 @@
footer {
width: 100%;
height: 113px;
height: 80px;
background-color: #CE0000;
margin-top: 4em;
}
.liens{
@ -10,8 +9,31 @@ footer {
}
h5{
padding-right: 4em;
padding-left: 2em;
color: white;
// font-weight: lighter;
cursor: pointer;
}
@media only screen and (max-width:1131px) {
// footer{
// display: ineline-flex;
// justify-content: center;
// }
img{
display: none;
}
.liens{
display: flex;
flex-wrap: wrap;
}
// h5{
// display: flex;
// flex-wrap: wrap-reverse;
// }
}