small screen/mobile image presentation

[vredesbyyrd]

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]

@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]

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]

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

[vredesbyyrd]

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 <#135 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFIO2RTCZXLIMRMZCWR55JTYSR6YHAVCNFSM6AAAAABC4UKCMKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMZTGUYTOOBSGE> . You are receiving this because you were mentioned.Message ID: ***@***.***>