1
0
Fork 0

attempt to fix profile image

This commit is contained in:
Sara Gerretsen 2025-12-29 12:52:38 +01:00
parent 5b1a62e79a
commit 26ea90250c
2 changed files with 16 additions and 11 deletions

View file

@ -15,9 +15,9 @@
<main>
<section id="about">
<h2><a href="#about">About Me</a></h2>
<section style="height: 8em;">
<img src="favicon.svg" class="image-right" alt="A vector drawing of a blonde white woman wearing a purple tank top and a witch hat. On top of the hat a jackdaw is perched">
<p>
<section>
<img src="favicon.svg" class="image-right" style="height: 8em;" alt="A vector drawing of a blonde white woman wearing a purple tank top and a witch hat. On top of the hat a jackdaw is perched">
<p style="width: 70%">
I am a Dutch Game Development student and programmer. This particular site is just a personal page to throw ideas and thingamabobs onto. When it comes to programming I love working on graphical applications. Preferably some kind of GUI or simulation or game. <a href="the-big-list.html#tools">I prefer using libre and open source software where I can</a>.
</p>
</section>

View file

@ -76,14 +76,6 @@ img {
var(--color-br-border) var(--color-tl-border);
}
img.image-right {
float: right;
max-height: 100%;
height: 100%;
width: fit-content;
margin-left: 20px;
}
img.image-left {
float: left;
max-height: 100%;
@ -92,9 +84,22 @@ img.image-left {
margin-right: 20px;
}
img.image-right {
float: right;
max-height: 100%;
height: 100%;
width: fit-content;
margin-left: 20px;
}
img.button {
border-radius: 0;
border: 0;
width: 110px;
image-rendering: pixelated;
}
@media screen and (width <= 80rem) {
img.image-left {}
img.image-right {}
}