nextjs-nft-mint-dapp icon indicating copy to clipboard operation
nextjs-nft-mint-dapp copied to clipboard

Fix suggestion for main Cover image not spanning correctly on larger screens

Open kryptobaseddev opened this issue 2 years ago • 0 comments

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>

kryptobaseddev avatar Aug 16 '22 13:08 kryptobaseddev