Enhance mobile view of the website

[himanshugoyal77]

Currently there is inconsistency in button size and padding in mobile view of the webiste

I would like to improve mobile view of the website by adjusting padding and button size.

[himanshugoyal77]

@Roaster05 Can I start working on this issue?

[ishaanxgupta]

Hi @himanshugoyal77, @Roaster05
Thank you for raising the issue regarding inconsistent button sizes and padding in the mobile view. I noticed that this responsiveness issue is not limited to a single page but extends to other parts of the site, such as:

1. Quiz Selection- /question-type page
   
   

2. Quiz Details Input- /input page
   

I would like to collaborate on this issue and work on improving the mobile responsiveness across these sections as well as other affected pages. My plan includes:

• Adjusting Padding and Margins: Standardizing these to ensure a consistent look and feel.
• Improving Button Sizes: Making sure all buttons are appropriately sized for mobile devices.
• Testing Across Devices: Ensuring the site remains responsive on a variety of screen sizes like phones and ipads.

Let me know if I can start working on these improvements alongside you!

---

[manmindersingh01]

I have created the pull request fixing them

[manishapariyar]

Hi @himanshugoyal77, @Roaster05,

I’ve submitted a PR addressing the issue of inconsistent button sizes and padding in the mobile view (PR #<128>.

Here’s a summary of the changes:

1. Standardized button sizes and padding across affected pages.
2. Ensured consistent responsiveness using relative units and media queries.
3. Tested the changes on various mobile screen sizes to confirm proper rendering.

Please take a look when you have time, and let me know if there’s anything that needs adjustment. I’d be happy to address any feedback!

Thanks,
Manisha