WFC Internal css Gratis

Learn CSS Flexbox

Use Flexbox to build responsive, aligned layouts.

45 materi 7 sesi Belajar penuh di WFC Diperbarui 26 Mei 2026
Login untuk Mulai Lihat Kurikulum
Learn CSS Flexbox
Kurikulum internal

Materi, practice, quiz, dan lab disusun agar selesai langsung di dalam WFC.

Total item 45

Semua materi yang tersedia di kurikulum ini.

Practice 22

Latihan langsung untuk mengasah pemahaman.

Quiz + Lab 19

Kombinasi evaluasi cepat dan praktik terstruktur.

Overview

Tentang kursus ini

Use Flexbox to build responsive, aligned layouts.

  • Level: intermediate
  • Topik: css
  • Estimasi jam: 2
  • Total sesi: 6
  • Total item kurikulum: 28
Curriculum

Materi dan sesi belajar

45 item
Sesi

Working with CSS Flexbox

2 materi 2 aktivitas

Materi Bacaan

Baca dulu inti pembahasannya sebelum lanjut ke pengerjaan.

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

3

Working with CSS Flexbox Section Quiz 1

Quiz

Working with CSS Flexbox

Kerjakan
4

Working with CSS Flexbox Checkpoint Quiz

Quiz

Working with CSS Flexbox

Kerjakan
Sesi

Build a Flexbox Photo Gallery

0 materi 29 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

5

Step 1

Practice

Build a Flexbox Photo Gallery

Kerjakan
6

Step 2

Practice

Build a Flexbox Photo Gallery

Kerjakan
7

Step 3

Practice

Build a Flexbox Photo Gallery

Kerjakan
8

Step 4

Practice

Build a Flexbox Photo Gallery

Kerjakan
9

Step 5

Practice

Build a Flexbox Photo Gallery

Kerjakan
10

Step 6

Practice

Build a Flexbox Photo Gallery

Kerjakan
11

Step 7

Practice

Build a Flexbox Photo Gallery

Kerjakan
12

Step 8

Practice

Build a Flexbox Photo Gallery

Kerjakan
13

Step 9

Practice

Build a Flexbox Photo Gallery

Kerjakan
14

Step 10

Practice

Build a Flexbox Photo Gallery

Kerjakan
15

Step 11

Practice

Build a Flexbox Photo Gallery

Kerjakan
16

Step 12

Practice

Build a Flexbox Photo Gallery

Kerjakan
17

Step 13

Practice

Build a Flexbox Photo Gallery

Kerjakan
18

Step 14

Practice

Build a Flexbox Photo Gallery

Kerjakan
19

Step 15

Practice

Build a Flexbox Photo Gallery

Kerjakan
20

Step 16

Practice

Build a Flexbox Photo Gallery

Kerjakan
21

Step 17

Practice

Build a Flexbox Photo Gallery

Kerjakan
22

Step 18

Practice

Build a Flexbox Photo Gallery

Kerjakan
23

Step 19

Practice

Build a Flexbox Photo Gallery

Kerjakan
24

Step 20

Practice

Build a Flexbox Photo Gallery

Kerjakan
25

Step 21

Practice

Build a Flexbox Photo Gallery

Kerjakan
26

Step 22

Practice

Build a Flexbox Photo Gallery

Kerjakan
27

Build a Flexbox Photo Gallery Section Quiz 1

Quiz

Build a Flexbox Photo Gallery

Kerjakan
28

Build a Flexbox Photo Gallery Section Quiz 2

Quiz

Build a Flexbox Photo Gallery

Kerjakan
29

Build a Flexbox Photo Gallery Section Quiz 3

Quiz

Build a Flexbox Photo Gallery

Kerjakan
30

Build a Flexbox Photo Gallery Section Quiz 4

Quiz

Build a Flexbox Photo Gallery

Kerjakan
31

Build a Flexbox Photo Gallery Section Quiz 5

Quiz

Build a Flexbox Photo Gallery

Kerjakan
32

Build a Flexbox Photo Gallery Section Quiz 6

Quiz

Build a Flexbox Photo Gallery

Kerjakan
33

Build a Flexbox Photo Gallery Checkpoint Quiz

Quiz

Build a Flexbox Photo Gallery

Kerjakan
Sesi

Build a Pricing Plans Layout

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

34

Design a Pricing Plans Layout Page

Lab

Latihan lab singkat. Fokus langsung ke pengerjaan.

Mulai
35

Build a Pricing Plans Layout Section Quiz 1

Quiz

Build a Pricing Plans Layout

Kerjakan
36

Build a Pricing Plans Layout Checkpoint Quiz

Quiz

Build a Pricing Plans Layout

Kerjakan
Sesi

Build a Page of Playing Cards

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

37

Build a Page of Playing Cards

Lab

Latihan lab singkat. Fokus langsung ke pengerjaan.

Mulai
38

Build a Page of Playing Cards Section Quiz 1

Quiz

Build a Page of Playing Cards

Kerjakan
39

Build a Page of Playing Cards Checkpoint Quiz

Quiz

Build a Page of Playing Cards

Kerjakan
Sesi

CSS Flexbox Review

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

40

CSS Flexbox Review

Review

CSS Flexbox Review

Kerjakan
41

CSS Flexbox Review Section Quiz 1

Quiz

CSS Flexbox Review

Kerjakan
42

CSS Flexbox Review Checkpoint Quiz

Quiz

CSS Flexbox Review

Kerjakan
Sesi

CSS Flexbox Quiz

0 materi 2 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

43

CSS Flexbox Quiz

Quiz

CSS Flexbox Quiz

Kerjakan
44

CSS Flexbox Quiz Checkpoint Quiz

Quiz

CSS Flexbox Quiz

Kerjakan
Sesi

Evaluasi Akhir

0 materi 1 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

45

Final Exam: Learn CSS Flexbox

Exam

Evaluasi Akhir

Kerjakan