Skip to content

Commit

Permalink
Improve container responsiveness for mobile
Browse files Browse the repository at this point in the history
- Adjust width to 90% with max-width of 600px
- Replace fixed pixel padding with relative units
- Modify margin for better spacing on smaller screens
  • Loading branch information
zalbright90 committed Jun 22, 2024
1 parent 1ae0d6d commit e561fe8
Showing 1 changed file with 4 additions and 3 deletions.
7 changes: 4 additions & 3 deletions muninn.css
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,12 @@ body {
text-align: center;
display: flex;
flex-direction: column;
padding: 20px 20px 40px 20px;
margin: 36px auto;
padding: 1.25rem;
margin: 2.25rem auto;
background-image: url(../HavamalStanzas/vellum-75.png);
border-radius: 8px;
width: 50%;
width: 90%;
max-width: 600px;
min-height: 150px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
Expand Down

0 comments on commit e561fe8

Please sign in to comment.