jack.orbyt.video / orbyt-site
source for getorbyt.com getorbyt.com/
client bsky orbytapp app orbyt bluesky getorbyt orbytvideo atproto video
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

style: enhance site footer responsiveness for mobile devices

- Add media query adjustments to the site footer for screens up to 640px.
- Implement padding, margin, and layout changes to improve spacing and alignment of footer elements on smaller screens.

jack.orbyt.video 00a0000f 08a72ad1

+23
+23
public/css/site-footer.css
··· 40 40 .site-footer a:hover { 41 41 color: var(--orbyt-white); 42 42 } 43 + 44 + @media (max-width: 640px) { 45 + .site-footer { 46 + gap: 0; 47 + padding-top: 2rem; 48 + margin-bottom: max(1.75rem, env(safe-area-inset-bottom)); 49 + } 50 + 51 + .site-footer__separator { 52 + margin-bottom: 1rem; 53 + } 54 + 55 + .site-footer a { 56 + flex: 1 1 50%; 57 + min-width: 0; 58 + display: inline-flex; 59 + align-items: center; 60 + padding: 0.5rem 0; 61 + font-size: 12px; 62 + letter-spacing: 0.14em; 63 + line-height: 1.35; 64 + } 65 + }