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