newline on smaller screens

This commit is contained in:
Bryson Steck 2022-12-27 21:36:36 -07:00
parent 2955e44564
commit 9b2851db1f
2 changed files with 7 additions and 2 deletions

View file

@ -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>

View file

@ -189,8 +189,12 @@ footer {
}
}
.split-navbar {
display: none;
}
@media(max-width:502px) {
.navbar-item {
font-size: 14px;
.split-navbar {
display: inline;
}
}