fr/web-semprace
1
0
Fork 0
Code Pull Requests Activity

prerelease changes

Browse Source
This commit is contained in:
Filip Rojek 2023-12-01 17:33:37 +01:00
parent 1dde1e505c
commit 7d1d56bb1a
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
sass/global.scss
View File

@ -25,3 +25,9 @@ footer {
color: var(--clr-Murrey); color: var(--clr-Murrey);
} }
} }
.footer-mobile {
display: none;
margin: 0 var(--container-size);
}

10
sass/responsivity.scss
View File

@ -1,9 +1,6 @@
@media only screen and (min-width: 0px) and (max-width: 954px) { @media only screen and (min-width: 0px) and (max-width: 954px) {
nav { nav {
flex-wrap: wrap; flex-wrap: wrap;
position: absolute;
top: 0;
width: 100vw;
} }
.nav-right { .nav-right {
display: none !important; display: none !important;
@ -44,7 +41,6 @@
main { main {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-top: 8rem !important;
} }
main aside .info-wrapper img { main aside .info-wrapper img {
width: 50px; width: 50px;
@ -59,6 +55,9 @@
footer:not(.footer-mobile) { footer:not(.footer-mobile) {
display: none !important; display: none !important;
} }
.footer-mobile {
display: flex !important;
}
} }
@media only screen and (min-width: 955px) and (max-width: 1090px) { @media only screen and (min-width: 955px) and (max-width: 1090px) {
@ -81,6 +80,9 @@
footer:not(.footer-mobile) { footer:not(.footer-mobile) {
display: none !important; display: none !important;
} }
.footer-mobile {
display: flex !important;
}
} }
@media only screen and (min-width: 1091px) and (max-width: 1499px) { @media only screen and (min-width: 1091px) and (max-width: 1499px) {