source for getorbyt.com
getorbyt.com/
client
bsky
orbytapp
app
orbyt
bluesky
getorbyt
orbytvideo
atproto
video
style: update flex alignment and padding for main content in site-doc to enhance responsiveness and visual consistency
+7
-20
+7
-20
public/css/site-document.css
+7
-20
public/css/site-document.css
···
46
46
flex: 1;
47
47
display: flex;
48
48
flex-direction: column;
49
-
justify-content: center;
49
+
justify-content: flex-start;
50
50
align-items: center;
51
-
}
52
-
53
-
/* On taller viewports (desktop/tablet landscape) shift content up from dead-center */
54
-
@media (min-height: 600px) {
55
-
.site-doc--landing > .main-content {
56
-
justify-content: flex-start;
57
-
/* Tighter above-logo gap: scales down with viewport height, low floor for laptops */
58
-
padding-top: clamp(1.25rem, 5vh, 3.5rem);
59
-
padding-bottom: 2rem;
60
-
}
61
-
}
62
-
63
-
/* On short viewports (phone landscape, small phones) keep centering */
64
-
@media (max-height: 599px) {
65
-
.site-doc--landing > .main-content {
66
-
justify-content: center;
67
-
padding-top: 0.5rem;
68
-
padding-bottom: 1rem;
69
-
}
51
+
/*
52
+
* Fluid vertical inset (no height breakpoints): same idea as --site-page-padding-x
53
+
* clamp(1rem, 5vw, 2rem) — vw for width scale, vmin so short/landscape viewports tighten too.
54
+
*/
55
+
padding-top: clamp(0.625rem, 2vw + 2vmin, 3.25rem);
56
+
padding-bottom: clamp(0.75rem, 3vw + 1vmin, 2rem);
70
57
}
71
58
72
59
.site-doc__masthead {