[Enhancement]: Misaligned labels and controls, along with inconsistent spacing and typography in the game: My Mine Sweeper.

[Anoop-2024si96509]

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

Game enhancement
• Misaligned Labels & Controls

1. Misaligned Labels & Controls
2. Issues with Reset Button Positioning
3. Poor Dropdown Readability
4. Invisible Game Over Message
5. Inconsistent Spacing & Typography

Describe the solution you'd like

Solution steps

• Misaligned Labels & Controls - Labels (2rem) were oversized compared to dropdowns (1.2rem), and variable label widths caused misalignment. Fixed by standardizing label size to 1.3rem, adding min-width: 100px with right-alignment, and setting dropdown min-width: 120px.
• Reset Button Positioning - Button had excessive 30px top margin and wasn't aligned with controls above. Fixed by removing margin-top and adding margin-left: 100px to align with dropdowns, plus added modern gradient styling and hover effects.
• Poor Dropdown Readability - Dropdowns used hard-to-read blueviolet text with minimal padding and unclear borders. Fixed with dark gray text (#333), white background, better padding (10px 15px), and themed borders matching the page color scheme.
• Invisible Game Over Message - The #text element had no font-size, background, or styling, making it blend into the page. Fixed with 2.5rem bold text, semi-transparent white background, box-shadow, proper centering, and strong red color for visibility.
• Inconsistent Spacing & Typography - Overall layout lacked structure with oversized heading (5rem), inconsistent margins, and no font-family standards. Fixed by adding container max-width, reducing heading to 3rem, standardizing font-family across all elements, and using consistent gap/margin properties.

Select program in which you are contributing

Other

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

[kunjgit]

Hey @Anoop-2024si96509 , You can't have another issue before completing the previous one 😀
you already have the following 1 open issues 👀 ! :

#5218

[kunjgit]

Hey @Anoop-2024si96509 ! Thank you so much for your raising the issue💗
It’s all yours, you can come anytime again and make some contributions! 🚀
Alone, we can do little, but together we can do so much! 😇

[kunjgit]

Hey @Anoop-2024si96509 !
Thank you for raising an issue 💗
You can self assign the issue by commenting /assign in comment 😀
Make sure you follow CODE OF CONDUCT and CONTRIBUTING GUIDELINES 🚀
Don’t Forget to ⭐ our GameZone🎮
Make sure you join our Discord🕹️