patate/patate.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: spacing in menu items

Browse Source
This commit is contained in:
ALittlePatate
2024-04-22 09:08:17 +02:00
parent f40e14a64c
commit 806c5791c6
2 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
css/styles.css
View File

@@ -1,11 +1,11 @@
#spike { #spike {
float: left; float: left;
border-style:solid; border-style:solid;
border-color:rgba(18,24,217,0.6); border-color:rgba(18,24,217,0.6);
width: 10.1%; width: 10.1%;
height: auto; height: auto;
max-width: 100%; max-width: 100%;
object-fit: cover; object-fit: cover;
} }
/* centers the website */ /* centers the website */
@@ -39,16 +39,16 @@ a:active {
height: auto; height: auto;
overflow:auto; overflow:auto;
background-color: rgba(18,24,217,0.6); background-color: rgba(18,24,217,0.6);
top: 0; top: 0;
left:0px; left:0px;
right:0px; right:0px;
} }
.menu { .menu {
display: flex;
gap: 10px;
font-weight: bold; font-weight: bold;
float: left; margin-top: 6.4%;
margin-top: 6.2%;
margin-left: 0.5%;
} }
body { body {
@@ -81,4 +81,4 @@ a {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }

7
index.html
View File

@@ -11,8 +11,9 @@
<a href="./index.html"><img alt="Spike" src="images/spike.jpg" id="spike"></a> <a href="./index.html"><img alt="Spike" src="images/spike.jpg" id="spike"></a>
</a> </a>
<div class="menu"> <div class="menu">
<a href="pages/blog.html">the blog</a> <a> </a>
<a href="//github.com/ALittlePatate">github</a> <a href="pages/blog.html"> the blog</a>
<a href="//github.com/ALittlePatate">github</a>
<a href="pgp/key.txt">pgp key</a> <a href="pgp/key.txt">pgp key</a>
</div> </div>
</div> </div>
@@ -47,4 +48,4 @@
<a href="//torproject.org"><img alt="Tor" src="images/footer/tor.gif" /></a> <a href="//torproject.org"><img alt="Tor" src="images/footer/tor.gif" /></a>
</footer> </footer>
</body> </body>
</html> </html>