Form Wrapperクラス

Coddyの「Netflixサインインページのクローン | フロントエンドプロジェクト」コースのレッスン 10/19。

チャレンジ

簡単

ターゲットクラス 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>