codeforpdx / codepdx_website

https://www.codepdx.org
1 stars 3 forks source link

[Enhancement] - Optimize volunteer images for smaller screens #141

Open andycwilliams opened 3 months ago

andycwilliams commented 3 months ago

Describe the Current Behavior/Feature:

The volunteer images look good on desktop screens but are not fully responsive on smaller screens.

Large:

2024-06-03 (1)

Medium:

2024-06-03 (2)

Small:

2024-06-03 (3)

Rationale:

The layout for large viewports is nice and orderly. However it does not translate well for medium viewports. The image sizes are askew.

Proposed Changes:

Using one or more breakpoints, redesign the image layout so it's responsive for all screens.

Perhaps by making all images the exact same size for medium size screens. Open to discussion.

Also consider a different design for the smallest screens so that it is no longer a single column. That may not be the greatest use of available space. We could perhaps reduce it to two columns.