reglages taille img slickcarroussel & @media

This commit is contained in:
2023-07-12 22:54:10 +02:00
parent 9539ff1f4d
commit 836b9e157c
2 changed files with 66 additions and 4 deletions
+34 -2
View File
@@ -15,6 +15,7 @@
display: flex;
flex-direction: row;
margin-bottom: 2rem;
max-height: 600px;
// width: 800px;
.block-entity-fieldnodefield-photo{
width: 60%;
@@ -26,10 +27,11 @@
// padding-top: 2rem;
// width: 600px;
// width: 65%;
// height: auto;
// max-height: 360px;
height: auto;
max-height: 600px;
object-fit: contain;
width: inherit;
@media (max-width: 810px) {
padding-top: 1rem;
object-fit: cover;
@@ -49,6 +51,15 @@
font-size: 2.5rem;
font-weight: 800;
color: $blue-light;
@media (max-width:1624px) {
font-size: 2.3rem;
}
@media (max-width:1384px) {
font-size: 2rem;
}
@media (max-width:1216px) {
font-size: rem;
}
@media (max-width: 810px){
font-size: 1.7rem;
}
@@ -57,6 +68,15 @@
.block-entity-fieldnodefield-equipe{
margin-top: 2rem;
// grid-column: 8 / span 8;
@media (max-width:1624px) {
margin-top: 1rem;
padding-top: 0.5rem;
}
@media (max-width:1384px) {
margin-top: 0.8rem;
padding-top: 0.5rem;
}
@media (max-width: 810px){
padding-top: 0.5rem;
}
@@ -65,6 +85,12 @@
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase ;
@media (max-width:1624px) {
font-size: 1.3rem;
}
@media (max-width:1216px) {
font-size: 1.1rem;
}
@media (max-width: 810px){
font-size: 1rem;
}
@@ -82,6 +108,11 @@
padding-right: 0.3rem;
padding-left: 0.2rem;
}
@media (max-width:1624px) {
margin-top: 1rem;
// padding-top: 0.5rem;
}
@media (max-width: 810px) {
// grid-column: 2 / span 4;
}
@@ -97,6 +128,7 @@
border: 0.1rem solid;
justify-content: space-evenly;
width: 90%;
margin-top: 3rem;
.top_bottom_left{
padding-right: 1rem;
order: 1;