CSS : simplification et maj contact et banner
This commit is contained in:
27
class.css
27
class.css
@@ -18,11 +18,11 @@
|
||||
}
|
||||
|
||||
.banner {
|
||||
position: relative;
|
||||
top:50px;
|
||||
background-size: cover;
|
||||
margin-top: 3rem;
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
min-height: 50vh;
|
||||
background-repeat: no-repeat;
|
||||
min-height: 70vh;
|
||||
}
|
||||
|
||||
.banner-accueil {
|
||||
@@ -73,26 +73,9 @@
|
||||
align-self: flex-end;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Styles pour les écrans plus grand */
|
||||
@media (min-width: 48em) {
|
||||
.banner {
|
||||
padding: 2rem 1rem;
|
||||
min-height: 70vh;
|
||||
}
|
||||
}
|
||||
|
||||
/* Style pour téléphone portable*/
|
||||
@media (max-width: 48em) {
|
||||
|
||||
.banner {
|
||||
top:80px !important;
|
||||
min-height: 50vh;
|
||||
}
|
||||
|
||||
.header {
|
||||
top :68px !important
|
||||
}
|
||||
|
||||
.presentation {
|
||||
flex-direction: column;
|
||||
/* les enfants s'empilent verticalement */
|
||||
|
||||
Reference in New Issue
Block a user