search

grief-matters / whygriefmatters.org

Website for Grief Matters, the best resources on grief and loss, all in one place
0 stars 0 forks source link

WEB > 'Row of Three' should only render a single photo on mobile #30

Open danlechambre opened 2 months ago

danlechambre commented 2 months ago

Enhancement Description

As it stands when rendering a 'Row of Three' inside a carousel on mobile viewports - it creates a scrollable row of photos. This is quite unusual for presentation-only content and users are likely to be confused as to why we have selection of photos to scroll with no further purpose - so we should probably render only a 'primary' photo when there is only room for one.

Another alternative is to stack them into a column of 3 - but giving over this screen real estate to photos takes the user further away from the content they are trying to get to without much payback

Additional Context

No response

Acceptance Criteria

  1. Only a single photo should be visible when a 'Row of Three' is rendered on mobile viewports

Suggested Solution

No response

danlechambre commented 2 months ago

@camillewortman just a small issue I'd like to get feedback on. This only relates to when the website renders on mobile screens (i.e. tall and narrow).

The description says it all really. When we have a "row of three" photos - that are just for presentational purposes (i.e. not clickable like Featured Articles and the like are) - it seems odd to have them as scrollable panels.

Another alternative would be to stack them in a column-like manner - but I feel like this takes up too much screen real-estate and introduces too much scrolling when a user will want to get to the main content.

I propose that on a mobile device we show only the 1st of the 'row of three' photos (full width of the screen of course).

If you'd prefer to pick this up as part of our next meeting let me know and I'll make a note

camillewortman commented 1 month ago

This sounds fine to me, Dan, that perhaps we could take a look at it before we make each file decision.

On Fri, Jul 19, 2024 at 1:27 PM Dan Chambers @.***> wrote:

@camillewortman https://github.com/camillewortman just a small issue I'd like to get feedback on. This only relates to when the website renders on mobile screens (i.e. tall and narrow).

The description says it all really. When we have a "row of three" photos - that are just for presentational purposes (i.e. not clickable like Featured Articles and the like are) - it seems odd to have them as scrollable panels.

Another alternative would be to stack them in a column-like manner - but I feel like this takes up too much screen real-estate and introduces too much scrolling when a user will want to get to the main content.

I propose that on a mobile device we show only the 1st of the 'row of three' photos (full width of the screen of course).

If you'd prefer to pick this up as part of our next meeting let me know and I'll make a note

— Reply to this email directly, view it on GitHub https://github.com/grief-matters/whygriefmatters.org/issues/30#issuecomment-2239723254, or unsubscribe https://github.com/notifications/unsubscribe-auth/A6HUOTBWIO6QFEL6BCYA2ELZNFD6HAVCNFSM6AAAAABLE6ULKGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMZZG4ZDGMRVGQ . You are receiving this because you were mentioned.Message ID: @.***>

-- Camille B. Wortman, Ph.D. Professor Emeritus of Psychology Stony Brook University Stony Brook, NY 11794