Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
andycwilliams opened this issue Jun 3, 2024 · 0 comments
Open
Labels
enhancement New feature or request good first issue Good for newcomers

Comments

@andycwilliams
Copy link
Member

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.

@andycwilliams andycwilliams added enhancement New feature or request good first issue Good for newcomers labels Jun 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

1 participant