wl/pages
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed layout for mobile (hopefully) (please CSS just let something I write work for once)

Browse source
This commit is contained in:
zayd 2024-11-12 00:46:19 -05:00
parent 1c3d9d8bc7
commit 5deed57868
No known key found for this signature in database
2 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
assets/css/main.css
View file

@ -23,37 +23,47 @@ body {
.navbar { .navbar {
list-style-type: none; list-style-type: none;
display: inline;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
.navbar li { .navbar li {
font-family: FiraCode Bold;
display: inline; display: inline;
} }
.navbar li a {
text-decoration: none;
font-size: 20px;
color: #bb53f3;
}
.navbar > li > a { .navbar > li > a {
margin-left: 4px; font-family: FiraCode Bold;
margin-right: 4px; margin-left: 3px;
} margin-right: 3px;
.navbar li h1 {
display: inline; display: inline;
} }
.navbar li h1 a { .navbar a {
text-decoration: none;
font-size: 20px;
display: inline;
color: #bb53f3;
}
.navbar h1 {
margin-bottom: 0px;
}
.navbar h1 a {
color: #bb53f3; color: #bb53f3;
font-size: 30px; font-size: 30px;
font-family: Super Pixel;
display: inline; display: inline;
font-family: Super Pixel;
} }
@media (min-width: 600px) {
.navbar li h1 {
display: inline;
}
}
.navbar a:hover { .navbar a:hover {
color: white; color: white;
} }
@ -64,7 +74,7 @@ body {
.main { .main {
color: white; color: white;
font-family: FiraCode; font-family: FiraCode;
width: 1000px; width: 70%;
} }
.main h2 { .main h2 {

2
index.html
View file

@ -7,7 +7,7 @@
</head> </head>
<body> <body>
<ul class="navbar"> <ul class="navbar">
<li><h1><a href="/">wanderlost</a></h1></li> <li><h1 class="title"><a href="/">wanderlost</a></h1></li>
<li><a href="/me.html">me</a></li> <li><a href="/me.html">me</a></li>
<li><a href="/links.html">links</a></li> <li><a href="/links.html">links</a></li>
<li><a href="/contact.html">contact</a></li> <li><a href="/contact.html">contact</a></li>