bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix bugs responsive

Browse Source
This commit is contained in:
ouidade
2023-07-14 12:09:36 +02:00
parent 85d3ef3a0e
commit b57bcf835d
6 changed files with 276 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/_home.scss
+19 -14
View File
@@ -290,7 +290,7 @@
}
.field--name-field-images{
// grid-column: 2 / 4;
@media (max-width: 479px) {
@media (max-width: 810px) {
width: 100%;
}
.field__item{
@@ -307,7 +307,7 @@
flex: 1 1 50px;
// grid-column: 4 / 9;
padding-left: 1rem;
@media (max-width: 534px){
@media (max-width: 810px){
padding-left: 0em;
flex: 1 1 100%;
padding-right: 1rem;
@@ -323,7 +323,7 @@
padding-bottom: 2rem;
margin-block-start: 0;
text-align: start !important;
@media (max-width: 479px){
@media (max-width: 810px){
font-size: 1.2rem;
width: 100%;
}
@@ -365,6 +365,9 @@
color: $red;
font-family: 'Source Code Pro';
font-weight: 1000;
@media (max-width: 479px){
padding-bottom: 1rem;
}
}
.view-projets{
width: 80%;
@@ -373,8 +376,15 @@
display: flex;
flex-direction: row;
justify-content: space-between;
@media(max-width: 810px){
flex-direction: column;
}
.views-row{
width: 49%;
@media(max-width: 810px){
width: 100%;
margin-bottom: 3rem;
}
.node-type-projet{
color: $blue-dark;
@@ -406,7 +416,7 @@
}
img{
width: 100%;
object-fit: cover;
// object-fit: cover;
// height: fit-content;
height: auto;
max-height: 400px;
@@ -492,13 +502,6 @@
}
}
}
// .node-type-projet{
// .field--type-image img{
// object-fit: cover;
// width: 100%;
// }
// }
}
}
@@ -509,13 +512,15 @@
.block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f{
display: flex;
flex-flow: row-reverse;
// top: -109px;
// position: relative;
// right: 200px;
background: $background-actus;
padding-right:10%;
padding-top: 2rem;
padding-bottom: 4rem;
@media(max-width:479px) {
padding-top: 2rem;
padding-bottom: 2rem;
}
.field--type-text-with-summary{
height: fit-content;
padding: 0.4rem 1rem;