TODO: нормально блядь выделение ссылко, почему они кривые

nrdkwebsite/Pages/layout.cshtml

@@ -17,13 +17,15 @@
 
 <header class="header">
     <nav class="header-links">
-        <a class="header-link" asp-page="ygolek">ygolek     </a>
+        <a class="mainpage" asp-page="index">neroduckale</a>
-        <a class="header-link" asp-page="about" >about      </a>
+        <div class="header-linkss">
-        <a class="header-link" asp-page="users" >users      </a>
+            <a class="header-link" asp-page="ygolek">ygolek</a>
-        <a class="mainpage"    asp-page="index" >neroduckale</a>
+            <a class="header-link" asp-page="about">about </a>
-        <button></button>
+            <a class="header-link" asp-page="users">users </a>
+        </div>
+        <button class="mobilenav"></button>
     </nav>
-    
+
 
 </header>
 

nrdkwebsite/wwwroot/css/style.css

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