fix mobile issues

This commit is contained in:
Triston Armstrong 2024-07-21 13:58:20 -05:00
parent d00e2185b8
commit 9861baf803
No known key found for this signature in database
GPG Key ID: FADE6AC6F956FC52

View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" class="min-h-full">
<html lang="en" class="min-h-full overflow-x-hidden">
<head>
<meta charset="UTF-8">
@ -118,8 +118,10 @@
foundation in debugging, troubleshooting, and finding creative solutions to complex problems.</p>
<div class="flex gap-8 items-center my-4 relative">
<img src="./me_1.webp" alt="me" class="w-80 rounded-lg rotate-[-12deg] hover:rotate-[0deg]">
<img src="./fam_1.jpeg" alt="family" class="w-72 h-auto rounded-lg rotate-[12deg] hover:rotate-[0deg]">
<img src="./me_1.webp" alt="me"
class="rounded-lg rotate-[-12deg] hover:rotate-[0deg] w-40 md:w-60 lg:w-72 ml-auto">
<img src="./fam_1.jpeg" alt="family"
class=" h-auto rounded-lg rotate-[12deg] hover:rotate-[0deg] w-40 md:w-60 lg:w-72 mr-auto">
<p class="absolute top-[-30px] right-[-280px] w-60 long-cang-regular text-xl">My family and I often travel to
and from
Thailand, as we have
@ -188,7 +190,7 @@
<br>
<br>
<div class="flex gap-4 justify-between">
<div class="flex flex-col gap-4 justify-between sm:flex-row">
<h2 class="text-lg text-slate-400 flex-1">Work</h2>
<div class="flex flex-col gap-4 flex-[4]">
<p>My Tech toolbox includes anything related to Typescript, Rust, and Python - but my true love? Open Source
@ -246,7 +248,7 @@
<br>
<br>
<div class="flex gap-4 justify-between">
<div class="flex flex-col gap-4 justify-between sm:flex-row">
<h2 class="text-lg text-slate-400 flex-1">Connect</h2>
<div class="flex flex-col gap-4 flex-[4]">
<p>Come find me on Twitter and LinkedIn - I'm excited to connect! If you're curious about my thoughts, swing