krishnaacharyaa / wanderlust

WanderLust is a MERN travel blog website 🚀 This project is aimed to help people to contribute in open source, upskill in react and master git.
https://wanderlust-beta.vercel.app/
MIT License
174 stars 826 forks source link

[BUG]: Dimensions of the WebApp lacks Compatability with Small Screen Devices #417

Closed codercake closed 2 weeks ago

codercake commented 2 weeks ago

Is there an existing issue for this?

Current Behavior

When accessing the web application on a small screen device, such as a smartphone or tablet, the layout and elements do not adjust properly to fit within the smaller viewport. This results in overlapping elements, text becoming unreadable due to resizing issues, and certain buttons or links being difficult to interact with.

Expected Behavior

Reproduction steps

Go to the URL of the web application.
Navigate to the login page (if applicable).
Resize the browser window to simulate a small screen device (e.g., tablet or smartphone dimensions).
Scroll through different sections of the web application, such as the dashboard or settings pages.
Observe how various elements respond to the smaller screen size, including:
Text readability and size.
Button and link accessibility.
Alignment and layout of elements.

Screenshots

Landing Page Screenshot 2024-06-14 140243

Logs

No response

Browsers

Chrome, Microsoft Edge

OS

Windows

krishnaacharyaa commented 2 weeks ago
image

I liked the details description, really appreciated, but this seems good to me, might be some bug in your system, I agree the wanderlust title and logo could be a bit more small relatively, but it is a different issue altogether than this issue....

And we are assuming the width should be a min of 375px

krishnaacharyaa commented 2 weeks ago

Thank you @codercake

krishnaacharyaa commented 2 weeks ago

By the way if you are still interested in working on this project, let me know via the project's discord, I might have some better issues of level 2 and 3 that you could work on !! @codercake