MIST Webdev Bootcamp Quiz-1

Enter your full name and registration number in this format :

Ashwin_Mittal_230969420

Which CSS property allows you to create a responsive layout by automatically adjusting the number of columns in a grid as the viewport changes?

• grid-template-rows

• grid-auto-flow

• grid-template-columns: repeat(auto-fit, minmax())

• grid-column-gap

In Bootstrap 5, which class would you use to make an image scale nicely to the parent element and remain responsive?

• .img-responsive

• .img-fluid

• .responsive-img

• .image-fluid

What is the primary purpose of the HTML <picture> element?

• To display vector images

• To provide multiple image sources for responsive images

• To create image galleries

• To add captions to images

Which of the following Tailwind CSS classes will apply a flex container that wraps its items and centers them horizontally?

• flex flex-wrap justify-center

• flex items-center flex-row

• flex flex-nowrap justify-between

• flex flex-col items-center

What is the Tailwind CSS class to apply a grid layout with 3 columns?

• grid-cols-3

• grid-3-cols

• col-3-grid

• grid-columns-3

What does the “viewport” meta tag in HTML help with?

• Making images responsive

• Setting the background color

• Controlling layout on mobile browsers

• Adding a navigation bar

In Bootstrap, which class will center text horizontally?

• .center-text

• .text-center

• .align-center

• .center-horizontal

Which Tailwind CSS class applies a margin of 4 units on all sides?

• m-4

• margin-4

• p-4

• mx-4

Which CSS property is used to control the stacking order of absolutely positioned elements?

• stack

• z-index

• order

• layer