joseph
/
roysathome.net
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make roysathome.net homepage responsive to mobiles

This commit is contained in:
josephroy99 2023-11-26 18:52:21 +00:00
parent 2f01cfa017
commit e326d82a49
1 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
roysathome.net/index.html
View File

@ -16,15 +16,6 @@
color: white; color: white;
} }
.header-bar {
align-items: center;
display: flex;
flex: 1 1;
flex-direction: row;
background-color: #232834;
margin: 0px;
}
ul { ul {
list-style-type: none; list-style-type: none;
margin: 0px; margin: 0px;
@ -51,11 +42,17 @@
h1 { h1 {
display: block; display: block;
text-align: center; text-align: center;
padding: 0px 50px;;
} }
p { p {
display: block; display: block;
text-align: center; text-align: center;
padding: 0px 50px;
}
nav {
margin-right: auto;
} }
.test { .test {
@ -76,15 +73,27 @@
background-color: #609926; background-color: #609926;
} }
nav {
margin-right: auto;
}
.login-signup-button { .login-signup-button {
font-size: 30px; font-size: 30px;
margin: auto; margin: auto;
background-color: #2e323e; 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> </style>
</head> </head>
<body> <body>