Skip to content
Snippets Groups Projects
Unverified Commit ce48036c authored by Conrad Zelck's avatar Conrad Zelck
Browse files

style: refactor header display flex / github svg 


Signed-off-by: default avatarConrad Zelck <git@simpel.cc>
parent 4e591b38
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
index.php
+ 2
− 2
View file @ ce48036c
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
<body> <body>
<header> <header>
<nav> <nav>
<h1>Comment Syntax</h1>
<a id="logo" class="cursordefault" href="/"><img src="../Simpel.png" alt="simpel icon" height="48" width="48"></a> <a id="logo" class="cursordefault" href="/"><img src="../Simpel.png" alt="simpel icon" height="48" width="48"></a>
<h1>Comment Syntax</h1>
<a id="github" href="https://github.com/SimpelMe/comment-syntax-finder" target="_blank" title="watch source code"> <a id="github" href="https://github.com/SimpelMe/comment-syntax-finder" target="_blank" title="watch source code">
<img id="github-cat" src="../github-cat-white.png" alt="github logo"> <img id="github-cat" src="../github.svg" alt="github logo">
</a> </a>
</nav> </nav>
</header> </header>
......
style.css
+ 13
− 12
View file @ ce48036c
...@@ -45,26 +45,27 @@ a { ...@@ -45,26 +45,27 @@ a {
text-decoration: none; text-decoration: none;
} }
h1 { header {
padding-left: 60px; margin-bottom: 1.5em;
line-height: 52px; }
margin-top: 3vmin;
nav {
display: flex;
align-items: center;
column-gap: 0.7em;
} }
#logo { h1 {
float: left; font-size: 1.5em;
position: absolute; margin: 0;
top: 3vmin;
} }
#github { #github {
position: absolute; margin-left: auto;
top: 3.3vmin;
right: 4vmin;
} }
#github-cat { #github-cat {
height: 4vh; height: 1.5em;
} }
main { main {
......
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