TailwindCSS Container Pert-6

TailwindCSS Container Pert-6

1st Grade

20 Qs

quiz-placeholder

Similar activities

TailwindCSS Customization Pert-9

TailwindCSS Customization Pert-9

1st Grade

15 Qs

Refleksi Pembelajaran TIK

Refleksi Pembelajaran TIK

1st - 5th Grade

18 Qs

Kuis Interaktif - Berpikir Komputasional

Kuis Interaktif - Berpikir Komputasional

1st Grade

21 Qs

Docker & Kubernetes

Docker & Kubernetes

1st - 5th Grade

23 Qs

Sistem Komputer Kelas X SMK

Sistem Komputer Kelas X SMK

1st Grade

25 Qs

Informatika X MPLB

Informatika X MPLB

1st - 5th Grade

20 Qs

TailwindCSS Dasar Blur Brightness

TailwindCSS Dasar Blur Brightness

1st Grade

20 Qs

TailwindCSS Container Pert-6

TailwindCSS Container Pert-6

Assessment

Quiz

Information Technology (IT)

1st Grade

Practice Problem

Hard

Created by

ricky noviansyah

FREE Resource

AI

Enhance your content in a minute

Add similar questions
Adjust reading levels
Convert to real-world scenario
Translate activity
More...

20 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Apa itu container dalam TailwindCSS?

Class yang digunakan untuk mengatur lebar konten dan membuatnya responsif.

Selector untuk mengubah jenis font teks.

Class yang digunakan untuk mengatur warna latar belakang elemen.

Properti yang menentukan tinggi dari elemen.

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Bagaimana cara membuat container di TailwindCSS?

Atur lebar dan margin secara manual pada elemen HTML yang ingin Anda jadikan container di TailwindCSS.

Tambahkan class 'wrapper' pada elemen HTML yang ingin Anda jadikan container di TailwindCSS.

Gunakan class 'box' pada elemen HTML yang ingin Anda jadikan container di TailwindCSS.

Gunakan class 'container' pada elemen HTML yang ingin Anda jadikan container di TailwindCSS.

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Apa fungsi dari container dalam desain responsif?

Mengubah font teks pada halaman web

Mengatur tata letak konten agar responsif terhadap ukuran layar

Mengatur warna latar belakang halaman web

Menyediakan animasi pada halaman web

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Bagaimana cara membuat container responsif di TailwindCSS?

Gunakan class 'container mx-4'

Gunakan class 'container mx-auto'.

Gunakan class 'container'

Tambahkan class 'container-fluid'

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Jelaskan perbedaan antara container dan container-fluid dalam Bootstrap!

Container-fluid memiliki lebar penuh dari viewport, sedangkan container memiliki lebar yang dapat disesuaikan.

Container memiliki lebar tetap dan berada di tengah halaman, sedangkan container-fluid mengambil lebar penuh dari viewport.

Container-fluid tidak berada di tengah halaman, sedangkan container berada di tengah halaman.

Container-fluid memiliki lebar tetap dan berada di tengah halaman, sedangkan container mengambil lebar penuh dari viewport.

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Apakah container dalam TailwindCSS memiliki lebar tetap?

Bergantung pada ukuran layar

Ya

Kadang-kadang

Tidak

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Bagaimana cara menyesuaikan lebar container di TailwindCSS?

max-w-full

max-w-screen

{ "max-w-{size}": "max-w-2xl" }

max-w-{value}

Create a free account and access millions of resources

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?