Menu
CoddyTech
Mulai belajar

class Pembungkus Formulir

Pelajaran 10 dari 19 dalam kursus Klon Halaman Masuk Netflix | Proyek Front-end di Coddy.

challenge icon

Tantangan

Mudah

Targetkan class form-wrapper:

  1. Atur position menjadi absolute. Selain itu, atur 55% dari atas dan 50% dari kiri.

  2. Atur transform menjadi translate (-50%, -50%) (seperti di bawah):

    transform: translate(-50%, -50%);

  3. Atur width menjadi 450 piksel.
  4. Atur padding menjadi 90 piksel.

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Klon Halaman Masuk Netflix | Proyek Front-end

1Pengantar

Apa yang akan kamu buat?

4CSS II

TombolPelajaran proyekMengubah TombolPelajaran proyekPewarnaan Lebih LanjutPelajaran proyekBagian BawahPelajaran proyek

2HTML

Menyiapkan title dan wrapperinput formulir IPelajaran proyekinput formulir IIPelajaran proyekTombolPelajaran proyekTeksPelajaran proyekMenyelesaikan HTMLPelajaran proyek

3CSS - I

Tag UniversalPelajaran proyekNavPelajaran proyekclass Pembungkus FormulirPelajaran proyekh2 dan formulir PembungkusPelajaran proyekclass Kontrol FormulirPelajaran proyekInputPelajaran proyekLabelPelajaran proyekEfek pergeseran saat fokusPelajaran proyek

Latihan sendiri: Playground Web