Deskripsi class

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

Tantangan

Mudah

Targetkan class 'description’:

Atur display menjadi Flex
Atur justify-content menjadi center.
Atur flex-direction menjadi column
Atur overflow menjadi hidden.
Atur height menjadi 80 piksel.
Atur font size menjadi 13 piksel.
Atur opacity menjadi 0.

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

Ikon class

Deskripsi class Pelajaran proyek

Judul dan Subjudul

Input

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

Class container

Class card

Class row

Latihan sendiri: Playground Web