daily-code icon indicating copy to clipboard operation
daily-code copied to clipboard

Published 20 hours ago • verified publisher icon code100x

bug: Image ain't responsive

Open theanuragg opened this issue 10 months ago • 4 comments

Describe the bug the course track Dailup image ins't resposive

To Reproduce Steps to reproduce the behavior:

  1. visit here
  2. open any desired track

Expected behavior full image should visible

Screenshots or GIFs

Image

Info (please complete the following information):

  • Browser : chrome

approach to fix max-height: 100vh

theanuragg avatar Feb 09 '25 20:02 theanuragg

The image background container is giving this issue, when img tag using css "object-cover" gives the stretched image, while changed to "object-contain" gives the actual size of the image ! Here's the preview : Will this work ?

ImageImage

KartikeyNamdev avatar Feb 13 '25 13:02 KartikeyNamdev

I try to give the different size to the image as the screen size change make a pull request for it https://github.com/code100x/daily-code/pull/732

MrBlackGhostt avatar Feb 17 '25 13:02 MrBlackGhostt

@mention the maintainer guys

theanuragg avatar Feb 17 '25 16:02 theanuragg

@devsargam please review the PR

KartikeyNamdev avatar Feb 17 '25 17:02 KartikeyNamdev