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;
}
.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>