Class container

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

Tantangan

Mudah

Targetkan class ‘container’:

Atur width menjadi 500 pixels dan height menjadi 300 pixels.
Atur display menjadi Flex
Atur justify-content menjadi start
Atur flex-wrap menjadi nowrap.

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

Class container Pelajaran proyek

Class card

Class row

Latihan sendiri: Playground Web