Describe the bug
The website is not responsive to different screen sizes, which negatively affects the user experience on various devices, including mobile phones and tablets. Elements do not adjust properly, leading to layout issues and content being difficult to view or interact with.
To Reproduce
Steps to reproduce the behavior:
Go to the website's homepage.
Resize the browser window to a smaller size or open the website on a mobile device.
Observe the layout and responsiveness of the elements.
Notice the layout issues and content that is not properly adjusted for smaller screens.
Expected behavior
The website should adjust seamlessly to different screen sizes, ensuring that all elements are properly displayed and the content is easily accessible on devices of all sizes, including desktops, tablets, and smartphones.
Screenshots
Desktop (please complete the following information):
OS: [e.g. Windows 10, macOS Big Sur]
Browser: [e.g. Chrome, Safari]
Version: [e.g. 91, 14]
Additional context
The issue affects the overall usability of the website, making it difficult for users to interact with the site on devices with smaller screens. Improving the website's responsiveness will enhance user experience and accessibility.
As a part of my gssoc contribution i will like to slove this.
Describe the bug The website is not responsive to different screen sizes, which negatively affects the user experience on various devices, including mobile phones and tablets. Elements do not adjust properly, leading to layout issues and content being difficult to view or interact with.
To Reproduce Steps to reproduce the behavior:
Go to the website's homepage. Resize the browser window to a smaller size or open the website on a mobile device. Observe the layout and responsiveness of the elements. Notice the layout issues and content that is not properly adjusted for smaller screens. Expected behavior The website should adjust seamlessly to different screen sizes, ensuring that all elements are properly displayed and the content is easily accessible on devices of all sizes, including desktops, tablets, and smartphones.
Screenshots
Desktop (please complete the following information): OS: [e.g. Windows 10, macOS Big Sur] Browser: [e.g. Chrome, Safari] Version: [e.g. 91, 14]
Smartphone (please complete the following information): Device: [e.g. iPhone 12, Samsung Galaxy S21] OS: [e.g. iOS 14.6, Android 11] Browser: [e.g. Safari, Chrome] Version: [e.g. 14, 91]
Additional context The issue affects the overall usability of the website, making it difficult for users to interact with the site on devices with smaller screens. Improving the website's responsiveness will enhance user experience and accessibility. As a part of my gssoc contribution i will like to slove this.