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;
justify-content: center;
padding: 10px 0;
border-bottom: 1px solid #000000;
}
nav ul {
.global-nav ul {
display: flex;
list-style: none;
margin: 0;
@@ -13,11 +13,11 @@ nav ul {
gap: 30px;
}
nav a{
.nav-item a {
text-decoration: none;
color: black;
}
nav a:hover{
.nav-item a:hover {
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" />
</head>
<body>
<nav>
<nav class="global-nav">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Profile</a></li>
<li><a href="">Contact</a></li>
<li class="nav-item"><a href="">Home</a></li>
<li class="nav-item"><a href="">Profile</a></li>
<li class="nav-item"><a href="">Contact</a></li>
</ul>
</nav>