Fixed gap on mobile
This commit is contained in:
parent
7b0725bf70
commit
ea0d34a5d9
3 changed files with 18 additions and 3 deletions
|
@ -353,10 +353,15 @@ body.app-body {
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
}
|
}
|
||||||
@media screen and (min-width:1175px) {
|
@media screen and (min-width:1175px) {
|
||||||
.columns-area__panels__main {
|
.app-body .columns-area__panels__main {
|
||||||
max-width: 580px;
|
max-width: 580px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.app-body .columns-area__panels {
|
||||||
|
gap: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* *️⃣ Icons
|
/* *️⃣ Icons
|
||||||
-------- */
|
-------- */
|
||||||
|
|
|
@ -353,10 +353,15 @@ body.app-body {
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
}
|
}
|
||||||
@media screen and (min-width:1175px) {
|
@media screen and (min-width:1175px) {
|
||||||
.columns-area__panels__main {
|
.app-body .columns-area__panels__main {
|
||||||
max-width: 580px;
|
max-width: 580px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.app-body .columns-area__panels {
|
||||||
|
gap: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* *️⃣ Icons
|
/* *️⃣ Icons
|
||||||
-------- */
|
-------- */
|
||||||
|
|
|
@ -353,10 +353,15 @@ body.app-body {
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
}
|
}
|
||||||
@media screen and (min-width:1175px) {
|
@media screen and (min-width:1175px) {
|
||||||
.columns-area__panels__main {
|
.app-body .columns-area__panels__main {
|
||||||
max-width: 580px;
|
max-width: 580px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.app-body .columns-area__panels {
|
||||||
|
gap: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* *️⃣ Icons
|
/* *️⃣ Icons
|
||||||
-------- */
|
-------- */
|
||||||
|
|
Loading…
Reference in a new issue