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

2
index.html
View file

@ -7,7 +7,7 @@
</head>
<body>
<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="/links.html">links</a></li>
<li><a href="/contact.html">contact</a></li>