made scss more responsive for desktops

This commit is contained in:
2024-02-01 12:50:31 +01:00
parent 7a70ba654c
commit 6e785a5e1a
7 changed files with 122 additions and 113 deletions

View File

@@ -10,39 +10,40 @@ const yannikAge = new Date().getFullYear() - 2004; // 31/12/2003
description="This is my personal website with my projects, docs and other useful stuff."
>
<main>
<div class="home-title-box">
<h1 class="home-title" style="font-size: 6vw;">vaporvee</h1>
<h2
class="home-title"
style="font-size: 2vw; margin-top: -10px; margin-bottom: 12vh;"
>
Making video games
</h2>
<img
src="/using_engines.svg"
alt="engines I'm using"
width="275px"
/>
</div>
<div class="content">
<p>
Hello my name is <b>Yannik</b>!<br />
Im a {yannikAge} year old <b>Game Developer</b> living <b
>in Germany</b
>.<br />
I mostly code in C++, Godot Engine's GDScript and C#.<br />
I am mostly self taught but i cant really say when i began to learn
game developement.<br />
Currently i already work at a game studio and i also have my own
game side projects and tools.<br />
This website will mostly have <a href="/docs">docs</a>,
<a href="/tutorials">tutorials</a>, and showcasing of my
<a href="/projects">projects</a>. Maybe also some other stuff
all around the creative process of game developement or
completely unrelated stuff like cooking recepies in my <a
href="/blog">blog</a
> ;)
</p>
<div class="home-main-box">
<div class="home-title-box">
<h1 class="home-title" style="font-size: 6vw;">vaporvee</h1>
<h2
class="home-title"
style="font-size: 2vw; margin-top: -10px; margin-bottom: 12vh;"
>
Making video games
</h2>
<img
class="using-engines"
src="/using_engines.svg"
alt="engines I'm using"
/>
</div>
<div class="content">
<p>
Hello my name is <b>Yannik</b>!<br />
Im a {yannikAge} year old <b>Game Developer</b> living <b
>in Germany</b
>.<br />
I mostly code in C++, Godot Engine's GDScript and C#.<br />
I am mostly self taught but i cant really say when i began to
learn game developement.<br />
Currently i already work at a game studio and i also have my
own game side projects and tools.<br />
This website will mostly have <a href="/docs">docs</a>, <a
href="/tutorials">tutorials</a
>, and showcasing of my <a href="/projects">projects</a>.
Maybe also some other stuff all around the creative process
of game developement or completely unrelated stuff like
cooking recepies in my <a href="/blog">blog</a> ;)
</p>
</div>
</div>
</main>
</Layout>