Johnny PRO
Preview
export const App = () => {
return (
<div className="grid min-h-dvh place-items-center text-white">
<div className="flex flex-col items-center">
<img
className="mb-8 h-12 w-12"
src="https://sandpack.frontend.fyi/img/fefyi.svg"
/>
<h1
className="mb-6 max-w-[60%] text-balance text-center font-mono text-3xl text-white"
>
Time to draw some rectangles
</h1>
<a
href="https://www.frontend.fyi/playgrounds"
target="_blank"
className="text-sm uppercase text-white bg-primary rounded-md px-2 py-1"
>
Frontend.fyi Playgrounds
</a>
</div>
</div>
);
}