From e326d82a4989f09fbc005be536511b910d085583 Mon Sep 17 00:00:00 2001
From: josephroy99 <joseph.roy@roysathome.net>
Date: Sun, 26 Nov 2023 18:52:21 +0000
Subject: [PATCH] Make roysathome.net homepage responsive to mobiles
---
roysathome.net/index.html | 35 ++++++++++++++++++++++-------------
1 file changed, 22 insertions(+), 13 deletions(-)
diff --git a/roysathome.net/index.html b/roysathome.net/index.html
index 535dfab..16e07cd 100644
--- a/roysathome.net/index.html
+++ b/roysathome.net/index.html
@@ -16,15 +16,6 @@
color: white;
}
- .header-bar {
- align-items: center;
- display: flex;
- flex: 1 1;
- flex-direction: row;
- background-color: #232834;
- margin: 0px;
- }
-
ul {
list-style-type: none;
margin: 0px;
@@ -51,11 +42,17 @@
h1 {
display: block;
text-align: center;
+ padding: 0px 50px;;
}
p {
display: block;
text-align: center;
+ padding: 0px 50px;
+ }
+
+ nav {
+ margin-right: auto;
}
.test {
@@ -76,15 +73,27 @@
background-color: #609926;
}
- nav {
- margin-right: auto;
- }
-
.login-signup-button {
font-size: 30px;
margin: auto;
background-color: #2e323e;
}
+
+ .header-bar {
+ align-items: center;
+ display: flex;
+ flex: 1 1;
+ flex-direction: row;
+ background-color: #232834;
+ margin: 0px;
+ }
+
+ @media only screen and (max-width: 600px) {
+ /* Styles for mobile devices */
+ li a {
+ font-size: 15px;
+ }
+ }
</style>
</head>
<body>