fix : resolved the image overflow through adding tailwind css class #759
Conversation
…wind CSS to img tag The issue of unwanted scrollbars appearing due to image overflow was fixed by applying Tailwind CSS classes ( max-h-[90vh] )to the <img> tag and removed 'h-auto' class because it was not required. The change will cause image to resize according to the available space and will not overflow due to different aspect ratio of screen.
fix(home.js): resolve image overflow causing scrollbar by adding Tailwind css class
|
@vikas-kumar-git is attempting to deploy a commit to the dunsin's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
@vikas-kumar-git can you remove this from draft? |
|
and next time even if you want to work on it, i will not approve your pull request without you being assigned to the original issue |
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
I have removed the draft and made it ready for review . Thanks |
Dun-sin
left a comment
Dun-sin
left a comment
There was a problem hiding this comment.
You did great, thanks for contributing, I hope you will stick around and continue to contribute to this project.
Consider giving this project a star, sharing the project with your friends, and joining the community discord server if you haven't for more resources and opportunities to connect with others. 👉🏽here👈🏽
2 participants
Fixes Issue
My PR closes #747
👨💻 Changes proposed(What did you do ?)
The issue of unwanted scrollbars appearing due to image overflow was fixed by applying Tailwind CSS classes ( max-h-[90vh] )to the tag and removed 'h-auto' class because it was not required. The change will cause image to resize according to the available space and will not overflow due to different aspect ratio of screen.
✔️ Check List (Check all the applicable boxes)
Note to reviewers
📷 Screenshots
Before
After