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 ( return (
<main className="min-h-screen flex items-center justify-center flex-col pt-24"> <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> <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> <h2 className="text-2xl font-semibold mb-1">Softwareentwickler:</h2>
<p> <p>
Bei der Softwareentwicklung ist es mein Anspruch, ein System zu bauen, das nicht einfach nur Bei der Softwareentwicklung ist es mein Anspruch, ein System zu bauen, das nicht einfach nur
@ -28,7 +28,7 @@ export default function Page() {
</Link> </Link>
</p> </p>
</section> </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> <h2 className="text-2xl font-semibold mb-1">Motorradfahrer:</h2>
<p> <p>
Der 1. April ist immer einer der besten Tage im Jahr. Die neue Motorradsaison beginnt. Als Kind fuhr 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. mit Sozia.
</p> </p>
</section> </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> <h2 className="text-2xl font-semibold mb-1">Astrofotograf:</h2>
<p> <p>
Was als P-Seminar während der Oberstufe begannt, entwickelte sich über die Jahre in ein richtiges 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 ( return (
<main className="min-h-screen"> <main className="min-h-screen flex items-center justify-center flex-col pt-12">
<section className="pl-36 pt-48"> <section className="mx-auto w-fit md:w-full md:pl-36">
<h2 className="text-7xl/12 font-light">Mike</h2> <h2 className="text-7xl/12 font-light">Mike</h2>
<h1 className="text-9xl font-bold">Karl</h1> <h1 className="text-9xl font-bold">Karl</h1>
<AnimatePresence mode="wait"> <AnimatePresence mode="wait">