TailwindCSS Flexbox dan Grid dengan Pert-5

Apa itu Flexbox?

• Flexbox adalah model tata letak dalam HTML

• Flexbox digunakan untuk membuat animasi CSS

• Flexbox adalah model tata letak dalam CSS yang memungkinkan Anda untuk merancang tata letak kompleks dengan lebih mudah dengan memberikan cara yang lebih efisien untuk menyusun dan mendistribusikan ruang di antara item-item dalam sebuah kontainer, bahkan ketika ukurannya tidak diketahui atau dinamis.

• Flexbox hanya berfungsi pada browser tertentu

Apa fungsi utama dari Flexbox?

• Menyusun item dalam kontainer dan menyesuaikan ukuran serta posisi item.

• Mengatur warna latar belakang elemen

• Membuat animasi pada elemen

• Menyusun elemen dalam bentuk tabel

Apa yang dimaksud dengan container dalam Flexbox?

• Container dalam Flexbox adalah elemen yang berperan sebagai wadah utama untuk mengatur tata letak dari elemen-elemen anak di dalamnya.

• Container dalam Flexbox adalah elemen yang berperan sebagai kendaraan

• Container dalam Flexbox adalah elemen yang berperan sebagai alat musik

• Container dalam Flexbox adalah elemen yang berperan sebagai tempat sampah

Apa yang dimaksud dengan item dalam Flexbox?

• Item dalam Flexbox adalah elemen yang diatur menggunakan properti justify-content: center.

• Item dalam Flexbox adalah elemen yang diatur menggunakan properti align-items: flex-start.

• Item dalam Flexbox adalah elemen yang diatur menggunakan properti display: grid.

• Item dalam Flexbox adalah setiap elemen anak dari container Flexbox yang diatur menggunakan properti display: flex.

Apa saja properti dasar dalam Flexbox?

• align-content

• flex-grow

• display, flex-direction, justify-content, align-items, flex-wrap

• display-flex

Bagaimana cara membuat item menjadi fleksibel dalam Flexbox?

• Dengan menambahkan properti 'rigid' pada item tersebut

• Dengan menetapkan nilai 'flex' pada item tersebut, seperti 'flex: 1;' untuk memberikan fleksibilitas yang merata.

• Dengan memberikan nilai 'static' pada item tersebut

• Dengan mengatur item sebagai 'fixed' dalam Flexbox

Apa itu Grid Layout?

• Grid Layout adalah sistem tata letak dalam CSS yang memungkinkan pengembang untuk mendesain halaman web dalam format grid, sehingga lebih mudah membuat tata letak yang kompleks.

• Grid Layout adalah teknik desain grafis yang hanya digunakan dalam pengembangan aplikasi mobile.

• Grid Layout adalah sistem tata letak dalam HTML yang memungkinkan pengembang untuk membuat animasi halaman web.

• Grid Layout adalah metode pengaturan elemen dalam CSS yang tidak memungkinkan pengembang untuk membuat tata letak yang kompleks.

Apa keuntungan menggunakan Grid Layout?

• Grid Layout memungkinkan pembuatan tata letak website yang responsif dan kompleks dengan mudah.

• Grid Layout tidak mendukung responsifitas pada website

• Grid Layout sulit untuk dipelajari dan digunakan

• Grid Layout hanya cocok untuk tampilan desktop

Apa yang dimaksud dengan grid container?

• Grid container adalah elemen yang hanya dapat memiliki satu child element.

• Grid container adalah elemen yang tidak dapat diatur menggunakan CSS Grid Layout.

• Grid container adalah elemen yang tidak mendukung responsif layout.

• Grid container adalah elemen yang memiliki child elements yang akan diatur menggunakan CSS Grid Layout.

Apa yang dimaksud dengan grid item?

• Grid item adalah bagian dari flexbox container.

• Grid item adalah bagian dari suatu grid container yang ditempatkan di dalam grid area.

• Grid item adalah area kosong di dalam grid container.

• Grid item adalah elemen luar grid container.