Responsive Aspect Ratio Adjustment

[KrishGaur1354]

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]

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

[Aarsh30]

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

[KrishGaur1354]

The Issue has been Assigned >_<

[akshithere]

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]

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]

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

[KeyurGK]

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