Commit eebb7ea3 authored by Pavel Beketov's avatar Pavel Beketov

menu: fix rounding; header-logo&text: add links to main

parent 3592d496
...@@ -22,8 +22,10 @@ ...@@ -22,8 +22,10 @@
<body> <body>
<header> <header>
<div class="header-left"> <div class="header-left">
<img src="images/ximperlinux.svg" alt="Ximper Linux Logo" class="logo"> <a href="index.html" class="home-link">
<h1>Ximper Linux</h1> <img src="images/ximperlinux.svg" alt="Ximper" class="logo">
<h1>Ximper Linux</h1>
</a>
</div> </div>
<div class="header-center"> <div class="header-center">
<nav class="header-menu"> <nav class="header-menu">
......
...@@ -21,8 +21,10 @@ ...@@ -21,8 +21,10 @@
<body> <body>
<header> <header>
<div class="header-left"> <div class="header-left">
<img src="images/ximperlinux.svg" alt="Ximper" class="logo"> <a href="#" class="home-link">
<h1>Ximper Linux</h1> <img src="images/ximperlinux.svg" alt="Ximper" class="logo">
<h1>Ximper Linux</h1>
</a>
</div> </div>
<div class="header-center"> <div class="header-center">
<nav class="header-menu"> <nav class="header-menu">
......
...@@ -22,8 +22,10 @@ ...@@ -22,8 +22,10 @@
<body> <body>
<header> <header>
<div class="header-left"> <div class="header-left">
<img src="images/ximperlinux.svg" alt="Ximper Linux Logo" class="logo"> <a href="index.html" class="home-link">
<h1>Ximper Linux</h1> <img src="images/ximperlinux.svg" alt="Ximper" class="logo">
<h1>Ximper Linux</h1>
</a>
</div> </div>
<div class="header-center"> <div class="header-center">
<nav class="header-menu"> <nav class="header-menu">
......
...@@ -110,6 +110,17 @@ header { ...@@ -110,6 +110,17 @@ header {
margin-right: 15px; margin-right: 15px;
} }
.home-link {
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
}
.home-link:hover {
text-decoration: none;
}
.header-center { .header-center {
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -136,11 +147,11 @@ header { ...@@ -136,11 +147,11 @@ header {
font-size: 16px; font-size: 16px;
padding: 5px 10px; padding: 5px 10px;
transition: background-color 0.3s; transition: background-color 0.3s;
border-radius: 5px;
} }
.header-menu ul li a:hover { .header-menu ul li a:hover {
background-color: var(--border); background-color: var(--border);
border-radius: 5px;
} }
.header-right { .header-right {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment