Sizing fixes for mobile
All checks were successful
Docker Deploy / build-and-push (push) Successful in 5m3s

This commit is contained in:
Atridad Lahiji 2025-04-25 03:00:15 -06:00
parent 16dd4463ae
commit a6a17e8969
Signed by: atridad
SSH key fingerprint: SHA256:LGomp8Opq0jz+7kbwNcdfTcuaLRb5Nh0k5AchDDb438
3 changed files with 8 additions and 8 deletions

View file

@ -3,7 +3,7 @@ import { SiBluesky, SiForgejo, SiRss } from "@preact-icons/si";
export default function SocialLinks() { export default function SocialLinks() {
return ( return (
<div class="flex flex-row gap-4 text-3xl"> <div class="flex flex-row gap-4 text-xl sm:text-3xl">
<a <a
href="mailto:me@atri.dad" href="mailto:me@atri.dad"
aria-label="Email me" aria-label="Email me"

View file

@ -10,7 +10,7 @@ import {
export default function TechLinks() { export default function TechLinks() {
return ( return (
<div class="flex flex-row gap-4 text-3xl"> <div class="flex flex-row gap-4 text-xl sm:text-3xl">
<a <a
href="https://react.dev/" href="https://react.dev/"
target="_blank" target="_blank"

View file

@ -8,23 +8,23 @@ export default function Home() {
<img <img
src="/logo.webp" src="/logo.webp"
alt="A drawing of Atridad Lahiji by Shelze!" alt="A drawing of Atridad Lahiji by Shelze!"
height={200} height={150}
width={200} width={150}
/> />
<h1 class="bg-gradient-to-r from-primary via-secondary to-accent bg-clip-text text-transparent text-6xl font-bold"> <h1 class="bg-gradient-to-r from-primary via-secondary to-accent bg-clip-text text-transparent text-4xl sm:text-6xl font-bold text-center">
Atridad Lahiji Atridad Lahiji
</h1> </h1>
<h2 class="text-3xl font-bold"> <h2 class="text-xl sm:text-3xl font-bol text-center">
Researcher, Full-Stack Developer, and IT Professional. Researcher, Full-Stack Developer, and IT Professional.
</h2> </h2>
<h3 class="text-2xl font-bold">Places I Exist:</h3> <h3 class="text-lg sm:text-2xl font-bold">Places I Exist:</h3>
<SocialLinks /> <SocialLinks />
<h3 class="text-2xl font-bold">Stuff I Use:</h3> <h3 class="text-lg sm:text-2xl font-bold">Stuff I Use:</h3>
<TechLinks /> <TechLinks />