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

fix: inconsistency in image size and alignment in My Gears page #1795

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

Conversation

Swapnanil44
Copy link

What does this PR do?

Refactored .portfolio__img to center images using flexbox. Ensured consistent image aspect ratio with object-fit: contain and fixed container height at 340px. Refined keyword styles and hover effects for improved user experience. Improved responsiveness with media query updates for smaller screens. Applied Prettier to reformat the code for better readability and maintainability.

Fixes #1792

before:

Screenshot 2024-12-24 133335

after:

Screenshot 2024-12-24 132500

Type of change

  • Bug fix (non-breaking change which fixes an issue)

How should this be tested?

  • Go to My Gears
  • Check portfolio Image

Mandatory Tasks

  • Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

Copy link

vercel bot commented Dec 24, 2024

@Swapnanil44 is attempting to deploy a commit to the Piyush Garg's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions bot added the bug Something isn't working label Dec 24, 2024
@Swapnanil44 Swapnanil44 changed the title fixes inconsistency in image size and alignment fix: inconsistency in image size and alignment in My Gears page Dec 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Image size and alignment inconsistency on the "Gears" page
1 participant