bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer responsive

This commit is contained in:
ouidade 2024-05-08 17:12:32 +02:00
parent 9c20f15f67
commit 312298ae52
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
View File

@ -340,6 +340,9 @@ footer {
.footer #footer-left { .footer #footer-left {
grid-column: 1 /span 5; grid-column: 1 /span 5;
grid-row: 1; } grid-row: 1; }
@media (max-width: 500px) {
.footer #footer-left {
max-width: 25%; } }
.footer #footer-left .footer_left_container { .footer #footer-left .footer_left_container {
padding-left: 5%; padding-left: 5%;
display: flex; display: flex;
@ -347,6 +350,9 @@ footer {
@media (max-width: 891px) { @media (max-width: 891px) {
.footer #footer-left .footer_left_container { .footer #footer-left .footer_left_container {
max-width: 50vw; } } max-width: 50vw; } }
@media (max-width: 500px) {
.footer #footer-left .footer_left_container {
padding-left: 15%; } }
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau { .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
height: 125px; } height: 125px; }
@media (max-width: 891px) { @media (max-width: 891px) {
@ -376,6 +382,11 @@ footer {
.footer #footer-right { .footer #footer-right {
grid-column: 10 / 12; grid-column: 10 / 12;
grid-row: 1; } grid-row: 1; }
@media (max-width: 500px) {
.footer #footer-right {
display: flex;
justify-content: flex-end;
max-width: 35%; } }
.footer #footer-right #block-quartiers-de-demain-socialmedialinks { .footer #footer-right #block-quartiers-de-demain-socialmedialinks {
flex-direction: column; } flex-direction: column; }
.footer #footer-right #block-quartiers-de-demain-socialmedialinks h2 { .footer #footer-right #block-quartiers-de-demain-socialmedialinks h2 {

11
web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
View File

@ -49,11 +49,17 @@ footer{
#footer-left{ #footer-left{
grid-column: 1 /span 5; grid-column: 1 /span 5;
grid-row: 1; grid-row: 1;
@media (max-width: 500px){
max-width: 25%;
}
.footer_left_container{ .footer_left_container{
padding-left: 5%; padding-left: 5%;
@media(max-width: 891px){ @media(max-width: 891px){
max-width: 50vw; max-width: 50vw;
} }
@media (max-width: 500px){
padding-left: 15%;
}
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -116,6 +122,11 @@ footer{
#footer-right{ #footer-right{
grid-column: 10 / 12; grid-column: 10 / 12;
grid-row: 1; grid-row: 1;
@media (max-width: 500px){
display: flex;
justify-content: flex-end;
max-width: 35%;
}
#block-quartiers-de-demain-socialmedialinks{ #block-quartiers-de-demain-socialmedialinks{
flex-direction: column; flex-direction: column;
h2{ h2{