Skip to content

Adjust image styling to use 'cover' fit#649

Open
gautammanak1 wants to merge 1 commit into
Susmita-Dey:mainfrom
gautammanak1:patch-1
Open

Adjust image styling to use 'cover' fit#649
gautammanak1 wants to merge 1 commit into
Susmita-Dey:mainfrom
gautammanak1:patch-1

Conversation

@gautammanak1
Copy link
Copy Markdown

@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>
@netlify
Copy link
Copy Markdown

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