Enhance Responsiveness and Accessibility with CSS Updates

[pcodesdev]

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 and app.css files.

Changes Made

1. Updated all CSS files in the components/ directory to use responsive units
2. Modified index.css to incorporate responsive units
3. Adjusted app.css to enhance flexibility and accessibility

Benefits

• Improved responsiveness across different screen sizes and devices
• Enhanced accessibility for users with different zoom levels or font size preferences
• Better overall flexibility of the application's layout

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.

[pcodesdev]

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 */ }

[saiteja13427]

Seems like you pushed some files other than the css files as well, it shows 1726 file changes?