The People Grid Component is used in 2 different occasions: The Featured Speakers and the organizers. In both cases, the Images of each person should be displayed as a square with rounded edges. When using images that are not cropped to square the layout looks odd. So the css should handle the cropping to preserve the layout.
Added the object-fit: cover attribute along with an additional alt attribute to improve Lighthouse Scores and Accessibility.
How Has This Been Tested?
Test locally.
Types of changes
[X] Bug fix (non-breaking change which fixes an issue)
[ ] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to change)
Checklist:
[X] I have read the Contributing guide.
[X] My code/comments/docs fully adhere to the Code of Conduct.
[ ] My change is a code change.
[ ] My change is a documentation change and there are NO other updates required.
Description / Motivation
The People Grid Component is used in 2 different occasions: The Featured Speakers and the organizers. In both cases, the Images of each person should be displayed as a square with rounded edges. When using images that are not cropped to square the layout looks odd. So the css should handle the cropping to preserve the layout.
Added the object-fit: cover attribute along with an additional alt attribute to improve Lighthouse Scores and Accessibility.
How Has This Been Tested?
Test locally.
Types of changes
Checklist: