footer responsive
This commit is contained in:
parent
757811c04f
commit
b9fa5aa2eb
@ -1,7 +1,6 @@
|
|||||||
<footer class="d-flex">
|
<footer class="d-flex">
|
||||||
|
|
||||||
<div class="logo d-inline-flex align-items-center">
|
<div class="logo d-inline-flex align-items-center">
|
||||||
<img src="../../assets/Logo_footer.png">
|
<img src="../../assets/Logo_footer.png" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="liens d-flex justify-content-end align-items-center">
|
<div class="liens d-flex justify-content-end align-items-center">
|
||||||
@ -10,5 +9,4 @@
|
|||||||
<h5 routerLink="/admin">Administrateurs</h5>
|
<h5 routerLink="/admin">Administrateurs</h5>
|
||||||
<h5>Mentions legales</h5>
|
<h5>Mentions legales</h5>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</footer>
|
</footer>
|
||||||
|
@ -1,8 +1,7 @@
|
|||||||
footer {
|
footer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 113px;
|
height: 80px;
|
||||||
background-color: #CE0000;
|
background-color: #CE0000;
|
||||||
margin-top: 4em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.liens{
|
.liens{
|
||||||
@ -10,8 +9,31 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h5{
|
h5{
|
||||||
padding-right: 4em;
|
padding-left: 2em;
|
||||||
color: white;
|
color: white;
|
||||||
// font-weight: lighter;
|
// font-weight: lighter;
|
||||||
cursor: pointer;
|
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;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user