Remove extra side spaces from event main boxs.
Make it looks good for mobile viewers.
Hint- remove margin and add padding.

To Reproduce

1. Go to home page and open in mobile view
2. Scrool down to below.
3. Search event box area
4. you will see the problem

Expected behavior

Make it looks good for mobile viewers.
Hint- remove margin and add padding.

Screenshots/Videos

Additional context

Make sure other property not distrubed.

Please checkmark the following checklist

• I make sure that similar issue is not opened

Issue Overview

The UtsavMania website currently lacks a mobile-friendly navigation menu, which can lead to usability issues on smaller screens. To enhance the mobile user experience, we need to implement a hamburger button for navigation on mobile devices.

Problem Statement

On mobile devices, the current navigation menu may not be user-friendly as it is not optimized for small screens. Users may find it difficult to access and navigate the site's content. Implementing a hamburger button for mobile navigation is a standard practice to improve mobile usability.

Proposed Solution

To address this issue, we should:

• Introduce a responsive design change that replaces the existing navigation menu with a hamburger button when the screen width falls below a certain breakpoint.
• When the hamburger button is clicked, it should reveal a mobile-friendly navigation menu, allowing users to access all site sections and pages easily.
  

Design Considerations

• The hamburger button should have a clear and recognizable icon (typically three horizontal lines).
• The mobile navigation menu should be intuitive and easy to use, providing clear links to all important sections of the site.
• The design should ensure that the hamburger button and navigation menu are visually appealing and match the overall site's aesthetics.

Additional Information

• This change is essential for providing a better user experience on mobile devices, as a significant portion of website traffic comes from mobile users.
• Collaboration between designers and developers may be required to achieve a well-designed and functional mobile navigation solution.
• Please provide a detailed description of the changes made to implement the hamburger button and mobile navigation when submitting a pull request.

Issue Overview

The UtsavMania project currently lacks mobile responsiveness, which is essential to provide a seamless user experience on various mobile devices. This issue needs to be addressed to ensure that the website is optimized for mobile users.

Problem Statement

The UtsavMania project does not adapt well to smaller screens, resulting in a suboptimal viewing experience for mobile users. Key elements such as navigation menus, content layout, and images need adjustments to be more mobile-friendly.

Steps to Reproduce

1. Open the UtsavMania website on a mobile device (smartphone or tablet).
2. Observe the layout and functionality of the site.
3. Note any issues related to navigation, content alignment, or readability on smaller screens.

Expected Behavior

The UtsavMania website should be responsive and adapt to different screen sizes, providing a user-friendly experience on mobile devices. Elements should be appropriately scaled, and content should be easily readable without excessive scrolling or zooming.

Actual Behavior

Currently, the website is not optimized for mobile devices. Users may encounter issues such as:

• Overlapping elements.
• Text being too small or too large.
• Navigation menus not working correctly.
• Images not resizing appropriately.

Proposed Solution

To resolve this issue, we need to implement responsive design principles. This includes:

• Using media queries in CSS to adjust styles for different screen sizes.
• Ensuring that navigation menus are accessible and functional on mobile devices.
• Adjusting font sizes, spacing, and layout to improve readability and usability on smaller screens.
• Testing the website on various mobile devices and browsers to verify responsiveness.

Additional Information

• This issue is crucial for improving the overall user experience, as a significant portion of website traffic comes from mobile devices.
• Collaboration between designers and developers may be required to achieve a well-balanced responsive design.
• Please provide a detailed description of the changes made to address this issue when submitting a pull request.

Let's work together to make the UtsavMania website more accessible and user-friendly for mobile users by adding mobile responsiveness.

Issue Overview

In the UtsavMania project, there is a critical problem where the text content is overflowing from the designated box above the footer on the home page. This issue disrupts the overall user experience and needs to be addressed promptly.

Steps to Reproduce

1. Open the UtsavMania project's home page.
2. Scroll down to the footer area.
3. Observe that the text content within the box above the footer is overflowing beyond its boundaries.
   

Expected Behavior

The text content within the box above the footer should be displayed correctly within the designated area, without any overflow.

Actual Behavior

Currently, the text content is overflowing, causing a visual inconsistency and hindering the readability of the content.

Possible Solution

To fix this issue, we may need to implement one or more of the following solutions:

• Adjust the CSS properties related to the box's height and width.
• Modify the font size or spacing to ensure the text fits within the box.
• Ensure responsive design principles are followed to handle various screen sizes.

Additional Information

• The issue should be resolved while maintaining a responsive design to ensure compatibility across different devices and screen sizes.
• It is essential to test the fix thoroughly on various browsers to ensure cross-browser compatibility.
• Please provide a detailed description of the changes made to resolve this issue when submitting a pull request.

Let's work together to resolve this issue promptly and enhance the user experience on the UtsavMania project's home page.