فئة Form Wrapper

الدرس 10 من 19 في دورة محاكاة صفحة تسجيل الدخول لـ Netflix | مشروع Front-end على Coddy.

التحدي

سهل

الفئة المستهدفة form-wrapper:

قم بتعيين position إلى absolute. أيضاً، 55% من الأعلى و 50% من اليسار.
قم بتعيين transform إلى translate (-50%, -50%) (كما هو موضح أدناه):
transform: translate(-50%, -50%);
قم بتعيين width بمقدار 450 بكسل.
قم بتعيين padding بمقدار 90 بكسل.

جرّب بنفسك

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>