برای آشنایی با قالب صورت سوال در Quera [اینجا را مشاهده کنید](https://quera.ir/course/assignments/2693/problems/8773) و برای آشنایی با نحوهی کار با ورودی و خروجی استاندارد (stdin و stdout) در زبانهای مختلف، [اینجا را ببینید.](https://quera.ir/course/assignments/2693/problems/8774)
در مورد سوالات پروژهای میتوانید انتخاب کنید که کدتان را به یکی از زبانهای پایتون یا جاوا بزنید و در سوال مربوطه میتوانید راهحلتان را ارسال کنید.
برای آشنایی با قالب صورت سوال در Quera اینجا را مشاهده کنید و برای آشنایی با نحوهی کار با ورودی و خروجی استاندارد (stdin و stdout) در زبانهای مختلف، اینجا را ببینید.
در مورد سوالات پروژهای میتوانید انتخاب کنید که کدتان را به یکی از زبانهای پایتون یا جاوا بزنید و در سوال مربوطه میتوانید راهحلتان را ارسال کنید.
در این سوال قصد داریم یک **صفحهی پاسخگو** طراحی کنیم.
با تغییر اندازهی عرض این صفحه، رنگ پس زمینهی آن تغییر میکند.
صفحهی مورد نظر به شکل زیر خواهد بود:

# جزئیات
ویژگی `background-color` برای `body`:
+ در صورتی که عرض صفحه کمتر از ۶۰۰ پیکسل است، باید `#F00` باشد.
+ در صورتی که عرض صفحه بین ۶۰۰ تا ۹۰۰ پیکسل (شامل خود ۶۰۰ و ۹۰۰) است، باید `#FF0`باشد.
+ در صورتی که عرض صفحه بیشتر از ۹۰۰ پیکسل است، باید `#0F0` باشد.
تغییرات لازم را در فایل `responsive.html` و در صورت نیاز فایل `.css` مورد نظر خود انجام دهید.
# نکات
- فرض کنید سیستم به اینترنت متصل نیست، بنابراین از ارجاع به فایلهای موجود
در وب (CDN ها) خودداری کنید.
- پروژه را با ساختار زیر ارسال کنید.
```
[your-zip-file-name].zip
├── responsive.html
└── your .css files (Optional)
```
فرانتاند - صفحهی پاسخگو
در این سوال قصد داریم یک صفحهی پاسخگو طراحی کنیم.
با تغییر اندازهی عرض این صفحه، رنگ پس زمینهی آن تغییر میکند.
صفحهی مورد نظر به شکل زیر خواهد بود:

جزئیات🔗
ویژگی background-color
برای body
:
- در صورتی که عرض صفحه کمتر از ۶۰۰ پیکسل است، باید
#F00
باشد.
- در صورتی که عرض صفحه بین ۶۰۰ تا ۹۰۰ پیکسل (شامل خود ۶۰۰ و ۹۰۰) است، باید
#FF0
باشد.
- در صورتی که عرض صفحه بیشتر از ۹۰۰ پیکسل است، باید
#0F0
باشد.
تغییرات لازم را در فایل responsive.html
و در صورت نیاز فایل .css
مورد نظر خود انجام دهید.
نکات🔗
- فرض کنید سیستم به اینترنت متصل نیست، بنابراین از ارجاع به فایلهای موجود
در وب (CDN ها) خودداری کنید.
- پروژه را با ساختار زیر ارسال کنید.
ارسال پاسخ برای این سؤال
در حال حاضر شما دسترسی ندارید.