Sun layout issue on responsive screens

[setayeshfarzam]

Description:
On smaller or responsive screens, the Sun in the Solar System Loader does not scale properly and may appear off-center or too large.

Steps to Reproduce:

1. Open the project on a mobile device or resize the browser window.
2. Observe the Sun's position and size in the loader.

Expected Behavior:
The Sun should resize proportionally and remain centered on all screen sizes.

Actual Behavior:
The Sun appears too large or misaligned on smaller screens.

Environment:

• Project: Solar System Loader
• Technologies: HTML, CSS, JavaScript
• Browser tested: Chrome, Firefox, Mobile Safari

---

توضیح:
در صفحه‌های کوچک یا ریسپانسیو، خورشید در Solar System Loader به‌درستی مقیاس نمی‌شود و ممکن است خارج از مرکز یا خیلی بزرگ دیده شود.

مراحل مشاهده مشکل:

1. پروژه را روی دستگاه موبایل باز کنید یا اندازه مرورگر را تغییر دهید.
2. موقعیت و اندازه خورشید را در لودر بررسی کنید.

نتیجه مورد انتظار:
خورشید باید متناسب با اندازه صفحه تغییر کند و همیشه در مرکز باقی بماند.

نتیجه فعلی:
خورشید روی صفحه‌های کوچک بزرگ یا نامتقارن به نظر می‌رسد.

محیط:

• پروژه: Solar System Loader
• تکنولوژی‌ها: HTML, CSS, JavaScript
• مرورگرهای تست شده: Chrome, Firefox, Mobile Safari