TailwindCSS Container Pert-6

TailwindCSS Container Pert-6

1st Grade

20 Qs

quiz-placeholder

Similar activities

TailwindCSS Sejarah dan Konsep Pert-1

TailwindCSS Sejarah dan Konsep Pert-1

1st Grade

20 Qs

TaiwindCSS Background Color Pert-7

TaiwindCSS Background Color Pert-7

1st Grade

21 Qs

TailwindCSS Background Image Pert-8

TailwindCSS Background Image Pert-8

1st Grade

20 Qs

Kuis kelas XI

Kuis kelas XI

1st Grade

20 Qs

IT-квиз для детей

IT-квиз для детей

1st Grade - University

20 Qs

pre test canva

pre test canva

1st - 5th Grade

15 Qs

Quiz sur le CSS et WordPress

Quiz sur le CSS et WordPress

1st - 5th Grade

20 Qs

Quiz sur le Web

Quiz sur le Web

1st Grade

20 Qs

TailwindCSS Container Pert-6

TailwindCSS Container Pert-6

Assessment

Quiz

Information Technology (IT)

1st Grade

Hard

Created by

ricky noviansyah

FREE Resource

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
or continue with
Microsoft
Apple
Others
By signing up, you agree to our Terms of Service & Privacy Policy
Already have an account?