Issue: Website Not Displaying Properly and Lacking Responsive Design

[Shriharsh-Deshmukh]

Issue: Website Not Displaying Properly and Lacking Responsive Design

The website is experiencing issues with its display on various devices and screen sizes. It appears broken and is not responsive, which affects the user experience significantly.

Steps to Reproduce

1. Visit the website on a desktop browser.
2. Resize the browser window to various widths.
3. Visit the website on different devices such as tablets and smartphones.

Expected Behavior

• The website should adjust its layout to fit different screen sizes.
• All elements should be displayed properly without any overlaps or misalignments.
• Navigation should be intuitive and functional across all devices.

Actual Behavior

• The website layout does not adjust correctly on smaller screens.
• Elements overlap or are misaligned when the browser window is resized.
• Navigation elements are difficult to use or inaccessible on mobile devices.

Screenshot:

Screenshot.png

Device and Browser Information

• Desktop Browser: (Chrome, Firefox, Safari)
• Mobile Devices: (iPhone 15)
• Tablets: (iPad, Samsung Galaxy Tab)
• Browser Versions: (Chrome 90, Firefox 88)

Additional Information

• Operating System: (Windows 10)

---

Thank you for looking into this issue.