responsive /actualités
This commit is contained in:
+18
@@ -3406,10 +3406,23 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
}
|
||||
@media (max-width: 891px) {
|
||||
.page-actualites .view-actus {
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.page-actualites .view-actus .views-row {
|
||||
width: 28%;
|
||||
padding: 1rem;
|
||||
}
|
||||
@media (max-width: 891px) {
|
||||
.page-actualites .view-actus .views-row {
|
||||
width: 95%;
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.page-actualites .view-actus .views-row:hover {
|
||||
transform: scale(1.05);
|
||||
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
||||
@@ -3417,6 +3430,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
|
||||
.page-actualites .view-actus .views-row .node-type-actualite {
|
||||
width: 30vw !important;
|
||||
}
|
||||
@media (max-width: 891px) {
|
||||
.page-actualites .view-actus .views-row .node-type-actualite {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user