janis/explainegy-nextjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/explainegy-nextjs.git synced 2025-10-30 13:17:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

sdasd

Browse Source
This commit is contained in:
Janis
2022-12-23 14:53:36 +01:00
parent 1bb4cc82e2
commit 0c2ad4b1b0
11 changed files with 155 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
styles/Footer.module.scss
View File

@@ -1,3 +1,4 @@
@import "variables.scss";
.footer {
padding: 200px 15px 30px 15px;
display: flex;
@@ -8,10 +9,10 @@
.adContainer {
background-color: #ff00003e;
width: var(--footer-ad-container-width);
height: var(--footer-ad-container-height);
width: $footer-ad-container-width;
height: $footer-ad-container-height;
@media (max-width: var(--footer-ad-container-width)) {
@media (max-width: $footer-ad-container-width) {
width: 100%;
}
}
@@ -21,11 +22,11 @@
gap: 100px 100px;
align-items: center;
@media (max-width: var(--footer-breakpoint-1)) {
@media (max-width: $footer-breakpoint-1) {
column-gap: 10px;
}
@media (max-width: var(--footer-breakpoint-3)) {
@media (max-width: $footer-breakpoint-3) {
grid-template-columns: 1fr;
gap: 100px 20px;
}
@@ -41,13 +42,13 @@
text-align: center;
column-gap: 10px;
font-size: 0.8em;
@media (max-width: var(--footer-breakpoint-1)) {
@media (max-width: $footer-breakpoint-1) {
flex-direction: column;
font-size: 0.7em;
column-gap: 0px;
}
@media (max-width: var(--footer-breakpoint-3)) {
@media (max-width: $footer-breakpoint-3) {
grid-row: 2;
}
}
@@ -62,7 +63,7 @@
grid-template-columns: 1fr 1fr 1fr;
gap: 20px 100px;
@media (max-width: var(--footer-breakpoint-4)) {
@media (max-width: $footer-breakpoint-4) {
column-gap: 15px;
}
}