jknetl/nextjs-dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chapter 3 - add responsive image

Browse Source
This commit is contained in:
Jakub Knetl
2023-12-27 14:11:58 +01:00
parent 961cd66754
commit eb493e7893
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/page.tsx
View File

@@ -3,6 +3,7 @@ import AcmeLogo from '@/app/ui/acme-logo';
import { ArrowRightIcon } from '@heroicons/react/24/outline'; import { ArrowRightIcon } from '@heroicons/react/24/outline';
import Link from 'next/link'; import Link from 'next/link';
import {lusitana} from "@/app/ui/fonts"; import {lusitana} from "@/app/ui/fonts";
import Image from 'next/image';
export default function Page() { export default function Page() {
return ( return (
@@ -30,6 +31,13 @@ export default function Page() {
</div> </div>
<div className="flex items-center justify-center p-6 md:w-3/5 md:px-28 md:py-12"> <div className="flex items-center justify-center p-6 md:w-3/5 md:px-28 md:py-12">
{/* Add Hero Images Here */} {/* Add Hero Images Here */}
<Image
src="/hero-desktop.png"
width={1000}
height={760}
className="hidden md:block"
alt="Screenshots of the dashboard project showing desktop version"
/>
</div> </div>
</div> </div>
</main> </main>