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">
|
<body class="view px-3">
|
||||||
<div class="container navbar">
|
<div class="container navbar">
|
||||||
<span><a href="/" class="navbar-title">Bryson Steck</a> </span>
|
<span><a href="/" class="navbar-title">Bryson Steck</a> </span>
|
||||||
|
<span class="split-navbar"><br></span>
|
||||||
<ul class="nav">
|
<ul class="nav">
|
||||||
<li class="navbar-item"><a href="/blog">Blog</a></li>
|
<li class="navbar-item"><a href="/blog">Blog</a></li>
|
||||||
<li class="navbar-item"><a href="/projects">Projects</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) {
|
@media(max-width:502px) {
|
||||||
.navbar-item {
|
.split-navbar {
|
||||||
font-size: 14px;
|
display: inline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue