mediq queries footer

This commit is contained in:
ouidade 2024-03-04 11:34:58 +01:00
parent 32be3a1730
commit ed00366bc4
3 changed files with 27 additions and 9 deletions

View File

@ -166,7 +166,7 @@ header {
@media (max-width: 660px) {
header {
height: 70px; } }
@media (max-width: 660px) {
@media (max-width: 450px) {
header {
display: flex;
height: 50px; } }
@ -203,7 +203,7 @@ header {
@media (max-width: 660px) {
header .header_left_container img {
height: 70px; } }
@media (max-width: 660px) {
@media (max-width: 450px) {
header .header_left_container img {
height: 50px; } }
header .header_right_container {
@ -262,7 +262,7 @@ header {
display: grid;
align-items: center;
margin: auto; }
@media (max-width: 660px) {
@media (max-width: 450px) {
header .open-block {
height: 50px; } }
header .open-block span {
@ -299,6 +299,9 @@ header {
display: flex;
flex-wrap: wrap;
justify-content: space-between; } }
@media (max-width: 600px) {
.footer {
flex-wrap: nowrap; } }
.footer #footer-left {
grid-column: 1 /span 5;
grid-row: 1;
@ -317,6 +320,12 @@ header {
@media (max-width: 891px) {
.footer #footer-left .footer_left_container img {
height: 110px; } }
@media (max-width: 660px) {
.footer #footer-left .footer_left_container img {
height: 70px; } }
@media (max-width: 450px) {
.footer #footer-left .footer_left_container img {
height: 50px; } }
.footer #footer-middle {
grid-column: 6 /span 7;
grid-row: 1; }

View File

@ -12,6 +12,9 @@
flex-wrap: wrap;
justify-content: space-between;
}
@media(max-width: 600px){
flex-wrap: nowrap;
}
#footer-left{
@ -36,6 +39,12 @@
@media(max-width: 891px){
height: $header-height-pad;
}
@media(max-width: 660px){
height: $header-height-small;
}
@media(max-width: 450px){
height: $header-height-ultrasmall;
}
}
}

View File

@ -20,7 +20,7 @@ header{
@media(max-width: 660px){
height: $header-height-small;
}
@media(max-width: 660px){
@media(max-width: 450px){
display: flex;
height: $header-height-ultrasmall;
}
@ -64,7 +64,7 @@ header{
@media(max-width: 660px){
height: $header-height-small;
}
@media(max-width: 660px){
@media(max-width: 450px){
height: $header-height-ultrasmall;
}
}
@ -149,7 +149,7 @@ header{
display: grid;
align-items: center;
margin: auto;
@media(max-width: 660px){
@media(max-width: 450px){
height: $header-height-ultrasmall;
}
span{