aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBryson Steck <brysonsteck@protonmail.com>2022-12-27 21:36:36 -0700
committerBryson Steck <brysonsteck@protonmail.com>2022-12-27 21:36:36 -0700
commit9b2851db1f9cb09c49f7f4dc5c43959c0b6c0489 (patch)
tree206d42f3b8e2ef524a3a242f5555d30f537f2e45
parent2955e445644990b6dc5a5d28d27f2e66409c4c4d (diff)
downloadwebsite-9b2851db1f9cb09c49f7f4dc5c43959c0b6c0489.tar
website-9b2851db1f9cb09c49f7f4dc5c43959c0b6c0489.tar.gz
website-9b2851db1f9cb09c49f7f4dc5c43959c0b6c0489.tar.bz2
newline on smaller screens
-rw-r--r--layouts/partials/head.html1
-rw-r--r--static/style.css8
2 files changed, 7 insertions, 2 deletions
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index b05ebb5..52e11ea 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -20,6 +20,7 @@
<body class="view px-3">
<div class="container navbar">
<span><a href="/" class="navbar-title">Bryson Steck</a> &nbsp;</span>
+ <span class="split-navbar"><br></span>
<ul class="nav">
<li class="navbar-item"><a href="/blog">Blog</a></li>
<li class="navbar-item"><a href="/projects">Projects</a></li>
diff --git a/static/style.css b/static/style.css
index 04cf7b0..cf91c51 100644
--- a/static/style.css
+++ b/static/style.css
@@ -189,8 +189,12 @@ footer {
}
}
+.split-navbar {
+ display: none;
+}
+
@media(max-width:502px) {
- .navbar-item {
- font-size: 14px;
+ .split-navbar {
+ display: inline;
}
}