Class Container

Pelajaran 6 dari 11 dalam kursus Bilah Kemajuan Melingkar | Proyek Front-end di Coddy.

Tantangan

Sedang

Sasaran class container:

Atur display ke flex dan align items ke center untuk elemen container.
Atur flex-direction ke column
Atur warna background sesuai pilihanmu.
Atur width menjadi 400 piksel.
Atur padding dan border radius sesuai pilihanmu.
Atur gap sebesar 20 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 Bilah Kemajuan Melingkar | Proyek Front-end

1Pengantar

Apa yang akan kamu buat?

4JavaScript

Buat agar berfungsi!

2HTML

Siapkan Selesaikan HTML

3CSS

Selektor Universal

Body

Class Container Pelajaran proyek

Class Circular Progress

Circular Progress ::before

Class Progress Value

Class Text

Latihan sendiri: Playground Web