Centering · cho.sh

Centering

Warning

This post is more than a year old. Information may be outdated.

Hardest Problem in Computer Science: Centering Things @ tonsky.me

Layouts and Pages

This is my preferred way because this makes sticky bottom bars much easier

Backlinks4

240418 221130 220917 Android

Comments0

No comments yet. Be the first to share your thoughts.

Comments

tsx

export default function Page() {
  return (
    <div className="flex flex-1 flex-col items-center justify-center">
      <h1 className="text-5xl font-bold text-center">Lorem Ipsum</h1>
      <p className="text-center text-gray-500">
        Non aliqua Lorem excepteur ex ad laboris.
      </p>
    </div>
  );
}

Centering

Layouts and Pages

Web

Android