Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adjust image styling to use 'cover' fit #649

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

gautammanak1
Copy link

@gautammanak1 gautammanak1 commented Jun 8, 2024

Fix: Adjust image styling to use 'cover' fit property for proper display within cards.

  • Images now properly fit the card dimensions without overflow or distortion.
  • Ensured consistent appearance across all cards.

Describe your changes

Fix: Resolve image fitting issue on cards by implementing 'cover' fit property.

  • Applied CSS 'object-fit: cover' to ensure images maintain aspect ratio and fill the card space appropriately.

Screenshots - If Any (Optional)

Screenshot 2024-06-09 at 1 15 10 AM ## After fix Screenshot 2024-06-09 at 1 15 25 AM

Link to issue

Closes #

Checklist before requesting a review

  • I have performed a self-review of my code.
  • Followed the repository's Contributing Guidelines.
  • I ran the app and tested it locally to verify that it works as expected.
  • I have checked my code with an automatic accessibility tool and it shows no errors.

Additional Information (Optional)

Any additional information that you want to give us.

Fix: Adjust image styling to use 'cover' fit property for proper display within cards.
- Images now properly fit the card dimensions without overflow or distortion.
- Ensured consistent appearance across all cards.


Signed-off-by: GAUTAM MANAK <106014185+gautammanak1@users.noreply.github.com>
Copy link

netlify bot commented Jun 8, 2024

Deploy Preview for sukoon-stress-free ready!

Name Link
🔨 Latest commit ca03c0a
🔍 Latest deploy log https://app.netlify.com/sites/sukoon-stress-free/deploys/6664b7553ce6ef00080055a9
😎 Deploy Preview https://deploy-preview-649--sukoon-stress-free.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant