Skip to content

Commit 63dc91c

Browse files
committed
update vh to dvh for mobile
1 parent 4a20c40 commit 63dc91c

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

content/assets/styles.css

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ html, body {
5454
margin: 0px;
5555
overflow-x: clip;
5656
background-color: var(--base-color);
57-
min-height: 100vh;
57+
min-height: 100dvh;
5858
display: flex;
5959
flex-direction: column;
6060
}
@@ -67,7 +67,7 @@ html, body {
6767
}
6868

6969
.grid-container {
70-
min-height: 100vh;
70+
min-height: 100dvh;
7171

7272
/* sync media query with content-width (desktop) */
7373
@media only screen and (min-width: 960px) {
@@ -81,19 +81,19 @@ html, body {
8181

8282
.grid-cell {
8383
background-color: var(--mantle-color);
84-
padding: 2vh;
85-
margin-left: 1vh;
86-
margin-right: 1vh;
84+
padding: 2dvh;
85+
margin-left: 1dvh;
86+
margin-right: 1dvh;
8787
}
8888

8989
.grid-cell.nav-bar {
90-
margin-bottom: 2vh;
90+
margin-bottom: 2dvh;
9191
/* display: grid;
9292
grid-auto-flow: column; */
9393
}
9494

9595
.grid-cell.bottom-bar {
96-
margin-top: 2vh;
96+
margin-top: 2dvh;
9797
padding: 0;
9898
}
9999

0 commit comments

Comments
 (0)