編輯 app\page.jsx 檔案內容如下:

import Link from "next/link"
import Heading from "@/components/Heading"


function HomePage() {
    return (
        <div>
            <Heading>Indie Gamer</Heading>
            <p className="pb-3">
                Only the best indie games, reviewed for you.
            </p>
            <div className="border  bg-white w-80 sm:w-full shadow hover:shadow-xl">
                <Link className="flex   flex-col sm:flex-row" href="/reviews/hollow-knight">
                    <img src="/images/hollow-knight.jpg" alt="" width="320" height="180"
                        className="rounded-t sm:rounded-l sm:rounded-r-none" />
                    <h2 className="text-center py-1 font-orbitron font-semibold sm:px-2">Hollow Knight</h2>
                </Link>
            </div>
        </div>
    )
}

Tailwind Css 官網文件

大叔的鐵人賽第十二天結束 :)