From 054591e5923b0dfb38135de69f1d1ced4a74eb4e Mon Sep 17 00:00:00 2001 From: anyab Date: Sun, 7 Apr 2024 14:54:42 +0800 Subject: [PATCH] fixed photo distortion bug --- src/components/ExperienceCard/ExperienceCard.css | 4 ++++ src/components/ProfileCards/ProfileCards.css | 4 ++++ src/components/ProfilePage/ProfilePage.css | 4 ++++ 3 files changed, 12 insertions(+) diff --git a/src/components/ExperienceCard/ExperienceCard.css b/src/components/ExperienceCard/ExperienceCard.css index 58f8b08..8f09d3a 100644 --- a/src/components/ExperienceCard/ExperienceCard.css +++ b/src/components/ExperienceCard/ExperienceCard.css @@ -41,6 +41,10 @@ padding: 1rem 1rem 0; } +img{ + object-fit: cover; +} + @media screen and (min-width: 640px) { .experience-card-container { max-width: 290px; diff --git a/src/components/ProfileCards/ProfileCards.css b/src/components/ProfileCards/ProfileCards.css index 2d95e35..60de585 100644 --- a/src/components/ProfileCards/ProfileCards.css +++ b/src/components/ProfileCards/ProfileCards.css @@ -9,6 +9,10 @@ margin-bottom: 5rem; } +img{ + object-fit: cover; +} + @media screen and (min-width:640px) { .profile-cards-container { display: grid; diff --git a/src/components/ProfilePage/ProfilePage.css b/src/components/ProfilePage/ProfilePage.css index d42c03d..c95636e 100644 --- a/src/components/ProfilePage/ProfilePage.css +++ b/src/components/ProfilePage/ProfilePage.css @@ -134,3 +134,7 @@ .experience-contact-info:hover{ text-decoration: underline; } + +img{ + object-fit: cover; +} \ No newline at end of file