Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Use classes instead of element selectors at the navbar

Browse Source
This commit is contained in:
Jakob Scheid
2026-05-02 23:13:02 +02:00
parent 0f20b52aa9
commit db404a389b
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/style/nav/navbar/navbar.css
+4 -4
View File
@@ -1,11 +1,11 @@
nav{ .global-nav {
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 10px 0; padding: 10px 0;
border-bottom: 1px solid #000000; border-bottom: 1px solid #000000;
} }
nav ul { .global-nav ul {
display: flex; display: flex;
list-style: none; list-style: none;
margin: 0; margin: 0;
@@ -13,11 +13,11 @@ nav ul {
gap: 30px; gap: 30px;
} }
nav a{ .nav-item a {
text-decoration: none; text-decoration: none;
color: black; color: black;
} }
nav a:hover{ .nav-item a:hover {
text-decoration: underline; text-decoration: underline;
} }
src/index.html
+4 -4
View File
@@ -24,11 +24,11 @@ limitations under the License.
<link rel="stylesheet" href="assets/style/nav/navbar/navbar.css" /> <link rel="stylesheet" href="assets/style/nav/navbar/navbar.css" />
</head> </head>
<body> <body>
<nav> <nav class="global-nav">
<ul> <ul>
<li><a href="">Home</a></li> <li class="nav-item"><a href="">Home</a></li>
<li><a href="">Profile</a></li> <li class="nav-item"><a href="">Profile</a></li>
<li><a href="">Contact</a></li> <li class="nav-item"><a href="">Contact</a></li>
</ul> </ul>
</nav> </nav>