DEV Community

crysomemore123
crysomemore123

Posted on

Next.js Slideshow Image Height Issue on Desktop & Mobile

Hello everyone,
I'm building a website using Next.js, Tailwind CSS, and the Next.js Image component, but I'm facing an issue with my image slideshow.
On desktop, the height of the images is too large, and I have to scroll down to see the full image.
On mobile, the images in the slideshow aren't displayed correctly.
Iā€™d really appreciate any suggestions on how to make the images fit properly on all screen sizes.
Project Links:
šŸ“Œ GitHub Repository: https://github.com/crysomemore123/chitilebiNEW
šŸŒ Live Website: https://www.chitilebi.ge/
Thanks in advance for any advice / help!

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

šŸ‘‹ Kindness is contagious

Please leave a ā¤ļø or a friendly comment on this post if you found it helpful!

Okay