akshitagupta15june / Moksh

Unlock your potential and achieve true balance in life with Moksh
https://akshitagupta15june.github.io/Moksh/
MIT License
214 stars 423 forks source link

Issue: Improve Responsiveness and Add Carousel Effect to "Divine Activities for All Generation" Section #250

Open rishitachail opened 1 year ago

rishitachail commented 1 year ago

Hello @akshitagupta15june @ankitjt @karthiknadar1204 @mnik7044

Description: The "Divine Activities for All Generation" section on the website is currently not responsive, causing layout issues on different screen sizes. Additionally, the section would benefit from the addition of a carousel effect to showcase the activities more effectively. As a contributor for GGSOC '23, I propose to enhance the responsiveness of this section and implement a carousel effect for a better user experience.

Proposed Solution: To address this issue effectively, I suggest the following steps:

Analyze the existing code for the "Divine Activities for All Generation" section to identify the elements that contribute to the lack of responsiveness and the absence of a carousel effect.

Implement responsive design techniques, such as media queries, to adjust the layout of the section based on different screen sizes.

Integrate a carousel library or develop a custom solution to create a carousel effect within the section. This will enable users to navigate through the activities smoothly.

Test the modified section extensively on various devices and screen sizes to ensure optimal responsiveness and a seamless carousel experience.

Make necessary adjustments to the HTML, CSS, and JavaScript code of the section to enhance responsiveness and incorporate the carousel effect.

Tasks:

Identify the causes of the lack of responsiveness in the "Divine Activities for All Generation" section. Implement responsive design techniques to make the section adapt to different screen sizes. Integrate a carousel library or develop a custom solution for the desired carousel effect. Test the modified section thoroughly on multiple devices to ensure responsiveness and a seamless carousel experience. Optimize the HTML, CSS, and JavaScript code of the section for improved performance and maintainability. Request for Assignment: As a GGSOC '23 contributor, I would like to be assigned to this issue to improve the responsiveness and add a carousel effect to the "Divine Activities for All Generation" section. I have experience in implementing responsive design techniques and integrating carousel functionalities.

By enhancing the section's responsiveness and incorporating a carousel effect, I aim to provide an engaging and user-friendly experience for visitors to the website.

Please assign me this task, and I will promptly begin working on it to enhance the section's layout and functionality.

Thank you for considering my contribution!

Divine activities for all Generation - Google Chrome 5_21_2023 6_07_15 PM

akshitagupta15june commented 1 year ago

assigning u

rishitachail commented 1 year ago

Thank you. On it.

On Mon, May 22, 2023, 10:07 PM AKSHITA GUPTA @.***> wrote:

Assigned #250 https://github.com/akshitagupta15june/Moksh/issues/250 to @rishitachail https://github.com/rishitachail.

— Reply to this email directly, view it on GitHub https://github.com/akshitagupta15june/Moksh/issues/250#event-9304843357, or unsubscribe https://github.com/notifications/unsubscribe-auth/AZ4YRF4DU3U3PCYIHLVFXADXHOI3FANCNFSM6AAAAAAYJMPJMM . You are receiving this because you were assigned.Message ID: @.***>