mediq queries footer

This commit is contained in:
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; }