Open pcodesdev opened 2 weeks ago
The conflicting part on src/components/talkCard/TalkCard.css the rectangle class selector should be edited to:
.rectangle { background: url(..\..\assets\images\talksCardBack.svg); width: 23.75rem; /* Changed from 380px to 23.75rem */ height: 18.75rem; /* Changed from 300px to 18.75rem */ border-radius: 0.25rem; /* Changed from 4px to 0.25rem */ box-shadow: 0 1.25rem 3.125rem #d9dbdf; /* Changed from 0px 20px 50px to 0 1.25rem 3.125rem */ -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: 3.125rem; /* Changed from 50px to 3.125rem */ }
Seems like you pushed some files other than the css files as well, it shows 1726 file changes?
Description
This pull request focuses on improving the flexibility and accessibility of the portfolio website by updating CSS files to use responsive units. The changes affect all CSS files in the components folder, as well as the main
index.css
andapp.css
files.Changes Made
components/
directory to use responsive unitsindex.css
to incorporate responsive unitsapp.css
to enhance flexibility and accessibilityBenefits
Testing
Please review these changes on various devices and screen sizes to ensure proper responsiveness and layout integrity.
Additional Notes
This update is part of my ongoing effort to improve the user experience and adhere to modern web development best practices.