mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2026-10-26 17:39:34 +00:00
Fix: Trying to avoid content clipping on certain screen sizes
This commit is contained in:
1 parent
80d3c11acc
commit
916be398f7
1 file changed
+14
-2
@@ -204,6 +204,10 @@ h1 {
|
||||
margin-top: -40vh;
|
||||
}
|
||||
|
||||
.itemBackdrop {
|
||||
height: 50vh;
|
||||
}
|
||||
|
||||
@media (orientation: portrait) and (max-width: 40em) {
|
||||
.layout-mobile .itemBackdrop {
|
||||
height: 40vh;
|
||||
@@ -211,10 +215,18 @@ h1 {
|
||||
}
|
||||
}
|
||||
|
||||
.itemBackdrop {
|
||||
height: 45vh;
|
||||
@media (max-height: 31.25em) {
|
||||
.itemBackdrop {
|
||||
height: 62vh;
|
||||
}
|
||||
}
|
||||
|
||||
/* @media (max-width: 62.5em) {
|
||||
.layout-desktop .itemBackdrop {
|
||||
height: 5vh;
|
||||
}
|
||||
} */
|
||||
|
||||
h2 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user