Form Wrapper 클래스

Coddy의 넷플릭스 로그인 페이지 클론 | 프론트엔드 프로젝트 코스 레슨 — 19개 중 10번째.

챌린지

쉬움

대상 클래스 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>