jaggar/mesite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix layout for mobile

Browse Source
This commit is contained in:
GigiaJ
2025-08-22 09:18:44 -05:00
parent a2b965755b
commit 377bd72ee7
1 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
public/css/style.css
View File

@@ -1,28 +1,41 @@
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh; min-height: 100vh;
margin: 0; margin: 0;
background-color: #f4f4f9; background-color: #f4f4f9;
color: #333; color: #333;
box-sizing: border-box;
} }
.main-container { .main-container {
text-align: center; text-align: center;
padding: 2rem; padding: 2rem 3rem;
background-color: white; background-color: white;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1); box-shadow: 0 4px 8px rgba(0,0,0,0.1);
width: 100%;
max-width: 600px;
margin: 2rem 1rem;
} }
.social-links a { @media (max-width: 600px) {
color: #007bff; body {
text-decoration: none; align-items: flex-start;
margin: 0 0.5rem; }
}
.social-links a:hover { .main-container {
text-decoration: underline; padding: 1.5rem 1rem;
margin: 0;
box-shadow: none;
border-radius: 0;
min-height: 100vh;
}
h1 {
font-size: 1.8rem;
}
} }