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

Mobile Issue - Carousel Reszies without preserving Aspect Ratio #335

Open
BrainSlugs83 opened this issue Feb 1, 2023 · 0 comments
Open

Comments

@BrainSlugs83
Copy link

I noticed when using the site on my mobile device (Android 10 / Kernel 4.9.186-22990479 / Chrome 109.0.5414.118), that the aspect ratio of the carousel images appear to be incorrect.

It doesn't cause any usability issues, but it looks a little disturbing on portrait mode IMHO.

In landscape it's also incorrect, but it's passable; I probably wouldn't have noticed if I hadn't already been looking for it. -- But portrait is ... not great. 😅

I think it's just stretching the background image by width only, to match the view, and so it ends up being mismatched with the height on small displays. -- I would recomend instead, doing an off-center Zoom on the image and cropping it to fit the intended area (e.g. zoom in the left side of the image and then crop it to fit the intended area with CSS; this will let you keep the same general look without the distortion).

Here is a simulated image from my desktop web browser where I reproduced the issue by resizing the window to be small:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant