search

AREA44 / astro-multiverse

One-page gallery design with a fully functional lightbox, designed by HTML5 UP
https://astro-multiverse.vercel.app
Other
77 stars 28 forks source link

small screen/mobile image presentation #135

Open vredesbyyrd opened 9 months ago

vredesbyyrd commented 9 months ago

Hi,

First, thanks for building and sharing this for astro - It looks and functions beautifully. I really appreciate how cleanly the images load. Small details like that make a big difference, imho.

There is one thing I am trying to figure out, i'll try to it describe the best I can.

When viewing on a small screen / the max-width breakpoint of 480px is hit, it triggers the view to switch to a single column of images. That is great and makes perfect sense, but imo it would be really nice if the images were no longer "cropped" when only a single column of images is displayed. I feel like people would not be as inclined to click to view the full image when just scrolling through a single column, or worse may not even notice the images are cropped.

I'm not a programmer, but have been reading and trying to figure out if it's possible with css to have the images full width x full height be respected when in "single column mode"....not much luck, yet.

Do you have any thoughts on this or tips on implementing it?

Thanks for your time.

torn4dom4n commented 9 months ago

@vredesbyyrd thanks for you interested. What is your OS and your browser which you are using? It maybe helps me a lot to improve the screen.

vredesbyyrd commented 9 months ago

For sure, thanks for the quick response.

I'm on archlinux testing for mobile with firefox's responsive design mode. On android I use firefox.

If there is anything else I can do that will be helpful please let me know.

torn4dom4n commented 9 months ago

@vredesbyyrd I'm on a holiday and I'll try to get it when I'm possible.

vredesbyyrd commented 9 months ago

Sounds good. Thanks for the heads up and enjoy your holiday!

On Thu, Feb 8, 2024, 1:42 AM Nguyen Long Nhat @.***> wrote:

@vredesbyyrd https://github.com/vredesbyyrd I'm on a holiday and I'll try to get it when I'm possible.

— Reply to this email directly, view it on GitHub https://github.com/AREA44/astro-multiverse/issues/135#issuecomment-1933517821, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFIO2RTCZXLIMRMZCWR55JTYSR6YHAVCNFSM6AAAAABC4UKCMKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMZTGUYTOOBSGE . You are receiving this because you were mentioned.Message ID: @.***>