کلاس‌هاکالجبانک سؤالاتمسابقاتکاریابیجونیورابوت‌کمپ
کلاس‌ها کالج بانک سؤالات مسابقات کاریابی جونیورا بوت‌کمپ
ورود
ورود به بخش شرکت‌هاورودعضویت

دست‌گرمی


یکی از همکاران شما در شرکت قصد دارد با HTML و CSS طرح زیر را اجرا کند:

پروفایل کاربر

او کد index.html زیر را نوشته است و برای نوشتن CSS از شما کمک خواسته است.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Milad Rezaei</title>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>
    <div id="card">
        <h1 id="user-name">
            Milad Rezaei
        </h1>
        <p id="user-role">
            Web Developer at Quera
        </p>
    </div>
</body>
</html>
HTML

با توضیحات زیر این کار را برای او انجام دهید:

رنگ پس‌زمینه (body) باید #F0F0F0 باشد.

عنصر #card باید همواره دقیقاً در مرکز صفحه (viewport) باشد (حتی با تغییر اندازه صفحه). رنگ پس‌زمینه آن سفید باشد. حاشیه آن ۱ پیکسل و به رنگ #DDD باشد و عرض آن (با احتساب حاشیه) ۲۹۰ پیکسل باشد.

متن‌های #user-name و #user-role باید وسط‌چین (text-align: center) باشند. اندازه اولی ۳۲ پیکسل و اندازه دومی ۱۶ پیکسل باشد. رنگ #user-role باید #777 باشد.

نکات🔗

  • کد CSS را در فایل style.css بنویسید و آن را در کنار index.html قرار دهید و به صورت Zip فشرده کنید و ارسال کنید. دقت کنید که این ۲ فایل باید در ریشه فایل Zip باشند (در هیچ پوشه‌ای نباشند).
  • اجازه تغییر کد HTML را دارید ولی id های عناصر موجود را تغییر ندهید. زیرا id ها در داوری خودکار استفاده خواهند شد.
ارسال پاسخ برای این سؤال
در حال حاضر شما دسترسی ندارید.