nextjs-nft-mint-dapp
nextjs-nft-mint-dapp copied to clipboard
Fix suggestion for main Cover image not spanning correctly on larger screens
I noticed when testing, the image doesn't properly cover at top and aligns to the left when on larger screens. This isn't very apparent on smaller screens, but a simple update to the className wrapped around the Image can make it more responsive and span the page properly. I added this to the index.tsx in mine and it is working much smoother now
<div className="w-full overflow-hidden">
<Image src={topImage} alt={nftName} layout="responsive" />
</div>