HTML CSS Assignment 3

Objectives

• Bisa membuat styling halaman web dengan Tailwind CSS.
• Bisa membuat website responsive dengan Tailwind CSS.
• Bisa membuat layout Flexbox dengan Tailwind CSS.
• Bisa membuat styling form dengan Tailwind CSS.
• Bisa membuat styling html element dengan Tailwind CSS.

Restrictions

• Wajib menggunakan Tailwind CSS dengan Play CDN.

Acceptance criteria

• Menggunakan Tailwind CSS untuk section.
• Menggunakan Tailwind CSS untuk heading.
• Menggunakan Tailwind CSS untuk komponen yang menggunakan Flexbox.
• Menggunakan Tailwind CSS untuk tampilan layar yang responsif, minimal 2 tampilan layar (Laptop dan Telepon genggam).
• Menggunakan Tailwind CSS untuk form

Directions

Ubahlah styling halaman web yang sudah kalian kerjakan pada assignment sebelumnya dengan Tailwind CSS. Simpan styling CSS pada file yang terpisah dengan file HTML kalian. Tampilan halaman web dibebaskan, namun dalam proses pembuatannya kalian tetap diwajibkan menggunakan Flexbox system dalam penataan setiap elemennya (layouting) dan halaman web yang responsive. Di mana untuk responsivenya kalian setidaknya wajib memiliki 2 tampilan layar, yaitu laptop dan telepon genggam (mobile phone). Berikut aturan Media Query yang wajib kalian penuhi:

• Telepon genggam: min. device width 320px
• Laptop: min. device width 1080px

Workspace

Pengerjaan dilakukain dengan struktur file sebagai berikut:

File	Description
src/index.html	File HTML halaman website
src/*.css	File stylesheet external jika dibutuhkan

NOTE: src/*.css bermakna file dengan ekstensi .css tidak diatur penamaannya selama file tersebut berada di dalam directory src