mobile fixes
All checks were successful
Deploy Pages / deploy (push) Successful in 25s

This commit is contained in:
2025-04-25 15:30:01 -04:00
parent 9d7c3f0122
commit 0a55232e36

View File

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<!-- Ensure proper scaling on mobile devices -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<!-- Site Description & Keywords -->
<meta name="description" content="A Connecticut Meshtastic User Group. Join the local community to connect, share, and explore with fellow enthusiasts.">
@ -76,7 +76,7 @@
background-color: #EBEBEB;
border-radius: 30px;
padding: 3em 3em 2em 3em;
margin: 1em auto 0 auto;
margin: 1em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
color: #000000;
position: relative;
@ -180,7 +180,13 @@
/* Adjustments for devices with a viewport width of 800px or less */
@media (max-width: 800px) {
body {
align-items: flex-start;
padding-top: calc(env(safe-area-inset-top, 1em));
}
.splash-box {
margin-top: 1em;
margin-bottom: 1em;
padding: 2em;
min-width: 350px;
}