Airy Blue

テスト投稿です！

テスト投稿2行目です！

プログラムコードは以下です。

typescript

import { ReactNode } from 'react';

type MainProps = {
    children: ReactNode;
    className?: string;
};

export default function Main({ children, className = '' }: MainProps) {
    return (
        <main className={`container max-w-3xl mx-auto min-h-fit p-8 pb-10 sm:p-10 ${className}`}>
            <div className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
                {children}
            </div>
        </main>
    );
}

テスト投稿2段落目です

typescript

import { ReactNode } from 'react';

type MainProps = {
    children: ReactNode;
    className?: string;
};

export default function Main({ children, className = '' }: MainProps) {
    return (
        <main className={`container max-w-3xl mx-auto min-h-fit p-8 pb-10 sm:p-10 ${className}`}>
            <div className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
                {children}
            </div>
        </main>
    );
}

テスト投稿3段落目です。

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。（青空文庫より）

typescript

import { ReactNode } from 'react';

type MainProps = {
    children: ReactNode;
    className?: string;
};

export default function Main({ children, className = '' }: MainProps) {
    return (
        <main className={`container max-w-3xl mx-auto min-h-fit p-8 pb-10 sm:p-10 ${className}`}>
            <div className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
                {children}
            </div>
        </main>
    );
}

Airy Blue

テストタイトル

テスト投稿です！

テスト投稿2行目です！

テスト投稿2段落目です

テスト投稿3段落目です。

テストあああについて

テストあああとは

テストあああ実例

テストあああの注意点