search

cropsync / CropSync

CropSync is a user-friendly website designed to assist farmers in selecting the right crops for their fields and providing essential information throughout the farming process.
https://cropsync.github.io/CropSync/
The Unlicense
7 stars 20 forks source link

Responsive Aspect Ratio Adjustment #6

Open KrishGaur1354 opened 10 months ago

KrishGaur1354 commented 10 months ago

Problem: Currently, the page does not adapt its aspect ratio when opened on devices with different screen aspect ratios. This can lead to a suboptimal user experience, with content appearing distorted or not fully utilizing the available screen space.

Proposed Solution: Implement a responsive design that adjusts the aspect ratio of the page based on the screen dimensions of the device. This will ensure that the content is displayed in an optimal and visually pleasing manner, regardless of the device's aspect ratio.

Steps to Reproduce:

Open the page on a device with a different aspect ratio. Observe any distortion or suboptimal use of screen space. Expected Behavior: The page should dynamically adapt its aspect ratio to suit the screen dimensions of the device, maintaining an aesthetically pleasing and user-friendly layout.

Additional Information:

Consideration for common aspect ratios across devices. Any specific design or layout preferences. Potential impact on performance or existing functionality. Screenshots/Attachments: Include screenshots or additional information to illustrate the issue and demonstrate the expected behavior.

Environment:

Browser: [e.g., Chrome, Firefox] Operating System: [e.g., Windows, macOS] Device: [e.g., Desktop, Laptop, Tablet, Mobile] Feel free to share your insights and suggestions on how best to achieve responsive aspect ratio adjustment. Collaboration on this issue is encouraged! 🌐📱

KeyurGK commented 9 months ago

As a KWOC Contributor, I would want to work on this issue.

Aarsh30 commented 9 months ago

As a KWOC Contributor, I would want to work on this issue. i can solve it

KrishGaur1354 commented 9 months ago

The Issue has been Assigned >_<

akshithere commented 9 months ago

As a KWOC Contributor, I would like to hear the progress on this issue. If it has not been fixed, please assign it to me.

KeyurGK commented 9 months ago

As a KWOC Contributor, I would want to work on this issue. i can solve it

Hey @Aarsh30 for what screen size are you adjusting ratio? I am styling for max:768px, it will be collaborative if you can contribute to tablet size screens.

KeyurGK commented 9 months ago

Hey @KrishGaur1354 I an unable to contribute on this. Kindly unassign

KeyurGK commented 9 months ago

Hey @KrishGaur1354 I an unable to contribute on this. Kindly unassign