newline on smaller screens
This commit is contained in:
parent
2955e44564
commit
9b2851db1f
2 changed files with 7 additions and 2 deletions
|
@ -20,6 +20,7 @@
|
|||
<body class="view px-3">
|
||||
<div class="container navbar">
|
||||
<span><a href="/" class="navbar-title">Bryson Steck</a> </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>
|
||||
|
|
|
@ -189,8 +189,12 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
.split-navbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media(max-width:502px) {
|
||||
.navbar-item {
|
||||
font-size: 14px;
|
||||
.split-navbar {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue