TailwindCSS Container Pert-6

TailwindCSS Container Pert-6

1st Grade

20 Qs

quiz-placeholder

Similar activities

TailwindCSS Font Size dan Font Family Pert-2

TailwindCSS Font Size dan Font Family Pert-2

1st Grade

20 Qs

Bab 2 Bagian D-F Teknologi Informasi dan Komunikasi

Bab 2 Bagian D-F Teknologi Informasi dan Komunikasi

1st Grade

15 Qs

HTML, CSS, Protótipo e Estrutura de Página: Conceitos Básicos

HTML, CSS, Protótipo e Estrutura de Página: Conceitos Básicos

1st Grade

16 Qs

TailwindCSS Margin dan Padding Dasar Pert-4

TailwindCSS Margin dan Padding Dasar Pert-4

1st Grade

20 Qs

TailwindCSS Background Image Pert-8

TailwindCSS Background Image Pert-8

1st Grade

20 Qs

Understanding Dark Mode in Tailwind CSS

Understanding Dark Mode in Tailwind CSS

1st Grade

20 Qs

TailwindCSS Border Pert-9

TailwindCSS Border Pert-9

1st Grade

20 Qs

Tailwindcss Animaction Pert-8

Tailwindcss Animaction Pert-8

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?