TailwindCSS Container Pert-6

TailwindCSS Container Pert-6

1st Grade

20 Qs

quiz-placeholder

Similar activities

Kuis kelas XI

Kuis kelas XI

1st Grade

20 Qs

pre test canva

pre test canva

1st - 5th Grade

15 Qs

UTS MA KLS 1 PONPES DQM

UTS MA KLS 1 PONPES DQM

1st Grade

20 Qs

Practice

Practice

1st Grade

22 Qs

TailwindCSS Container Pert-6

TailwindCSS Container Pert-6

Assessment

Quiz

Information Technology (IT)

1st Grade

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

By signing up, you agree to our Terms of Service & Privacy Policy

Already have an account?