TODO: нормально блядь выделение ссылко, почему они кривые
This commit is contained in:
parent
6a182f1234
commit
633491a349
2 changed files with 21 additions and 11 deletions
|
@ -17,13 +17,15 @@
|
|||
|
||||
<header class="header">
|
||||
<nav class="header-links">
|
||||
<a class="header-link" asp-page="ygolek">ygolek </a>
|
||||
<a class="header-link" asp-page="about" >about </a>
|
||||
<a class="header-link" asp-page="users" >users </a>
|
||||
<a class="mainpage" asp-page="index" >neroduckale</a>
|
||||
<button></button>
|
||||
<a class="mainpage" asp-page="index">neroduckale</a>
|
||||
<div class="header-linkss">
|
||||
<a class="header-link" asp-page="ygolek">ygolek</a>
|
||||
<a class="header-link" asp-page="about">about </a>
|
||||
<a class="header-link" asp-page="users">users </a>
|
||||
</div>
|
||||
<button class="mobilenav"></button>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
|
|
@ -15,9 +15,13 @@ a {
|
|||
.header-links { /* <nav> */
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.header-link { /* <a> */
|
||||
text-align: left;
|
||||
font-size: 20px;
|
||||
padding: 8px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.header-link:hover {
|
||||
background: gray;
|
||||
|
@ -27,15 +31,19 @@ a {
|
|||
.mainpage{ /* <a> MAINPAGE */
|
||||
font-family: 'Raleway', monospace;
|
||||
font-size: 30px;
|
||||
justify-self: left;
|
||||
margin: 10px auto 10px 10px;
|
||||
}
|
||||
|
||||
.header-linkss {
|
||||
justify-self: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.header {
|
||||
background-color: #4d4d4d;
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
margin: 200px;
|
||||
}
|
Loading…
Reference in a new issue