make header closer to mockup
This commit is contained in:
parent
2a814a3154
commit
439a98bbea
@ -38,7 +38,7 @@
|
||||
</nav>
|
||||
<div>
|
||||
<div class="search">
|
||||
<img src="{{ .Site.Params.baseURL }}/img/search.svg" alt="">
|
||||
<img src="{{ .Site.Params.baseURL }}/img/search.svg" alt="search">
|
||||
<input type="search" name="" id="">
|
||||
</div>
|
||||
<a href="#" id="login">login</a>
|
||||
|
@ -137,22 +137,32 @@ a {
|
||||
|
||||
#top-menu {
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
display: grid;
|
||||
grid-template-columns: 400px 1fr auto;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
|
||||
.home-link { text-decoration: none; }
|
||||
|
||||
.logo {
|
||||
width: 200px;
|
||||
width: 300px;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
#top-menu ul {
|
||||
margin-left: 3rem;
|
||||
}
|
||||
|
||||
#top-menu a {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
padding: 5px;
|
||||
margin: 0 2rem;
|
||||
}
|
||||
|
||||
#top-menu #login {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#top-menu div {
|
||||
|
Loading…
Reference in New Issue
Block a user