This commit is contained in:
10
index.html
10
index.html
@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user