karlm/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

responsive layout

Browse source
This commit is contained in:
Mike Karl 2026-02-13 15:26:18 +01:00
parent a762429d1d
commit b361579e98
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/about/page.tsx
View file

@ -4,7 +4,7 @@ export default function Page() {
return (
<main className="min-h-screen flex items-center justify-center flex-col pt-24">
<h1 className="text-3xl font-bold mb-12">Über mich</h1>
<section className="px-24 py-6 w-full">
<section className="md:px-24 px-8 py-6 w-full text-justify">
<h2 className="text-2xl font-semibold mb-1">Softwareentwickler:</h2>
<p>
Bei der Softwareentwicklung ist es mein Anspruch, ein System zu bauen, das nicht einfach nur
@ -28,7 +28,7 @@ export default function Page() {
</Link>
</p>
</section>
<section className="px-24 py-6 w-full">
<section className="md:px-24 px-8 py-6 w-full text-justify">
<h2 className="text-2xl font-semibold mb-1">Motorradfahrer:</h2>
<p>
Der 1. April ist immer einer der besten Tage im Jahr. Die neue Motorradsaison beginnt. Als Kind fuhr
@ -38,7 +38,7 @@ export default function Page() {
mit Sozia.
</p>
</section>
<section className="px-24 py-6 w-full">
<section className="md:px-24 px-8 py-6 w-full text-justify">
<h2 className="text-2xl font-semibold mb-1">Astrofotograf:</h2>
<p>
Was als P-Seminar während der Oberstufe begannt, entwickelte sich über die Jahre in ein richtiges

4
app/page.tsx
View file

@ -16,8 +16,8 @@ export default function Home() {
}, []);
return (
<main className="min-h-screen">
<section className="pl-36 pt-48">
<main className="min-h-screen flex items-center justify-center flex-col pt-12">
<section className="mx-auto w-fit md:w-full md:pl-36">
<h2 className="text-7xl/12 font-light">Mike</h2>
<h1 className="text-9xl font-bold">Karl</h1>
<AnimatePresence mode="wait">