Body dan class wrapper

Pelajaran 9 dari 17 dalam kursus Akordeon Gambar | Proyek Front-end di Coddy.

Tantangan

Mudah

Targetkan tag body:

Atur warna latar belakang sesuai pilihanmu, atau kamu bisa memilih:

background: linear-gradient(135deg, rgb(255, 183, 183), rgb(255, 0, 76));

Targetkan class ‘wrapper’:

Atur width menjadi 100% dan height menjadi 100 vh.
Atur display menjadi Flex
Atur align-items dan justify-content menjadi center.

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 Akordeon Gambar | Proyek Front-end

1Pengantar

Apa yang akan kamu buat?

4CSS II

Gambar Latar Belakang

2HTML

Judul Class container dan input

Label dan class row

Class pada row

Heading dan subheading

Selesaikan HTML

3CSS I

Tag universal

Body dan class wrapper Pelajaran proyek

Class container

Class card

Class row

Latihan sendiri: Playground Web