T3. C1-C2 Quizizz Post-Test

In web development, what does a CSS card refer to?

• A type of image used in web pages

• A tool for testing website layouts

• A specific HTML tag used to display content

• A visual design element that presents information visually appealing manner

Which of the following is the correct way to add an image inside a CSS card?

• <image src="image-link.jpg">

• <img href="image-link.jpg">

• <picture src="image-link.jpg">

• <img src="image-link.jpg" alt="description">

How do you create a container for a CSS card in HTML?

• Use the <ID> tag to group the content

• Use the <div> tag for all content

• Use the <card> tag for styling

• Use the <section> tag for layout

You can use any HTML tag (like <p> & <h1>) to type the text inside a CSS card.

• TRUE

• FALSE

How can you align an image inside a CSS card container?

• Use the img property

• Use the item-size property

• Use the image-align property

• Use the align-items property in Flexbox

Flexbox allows you to align elements in which of the following directions?

• Diagonally

• Only vertically

• Only horizontally

• Both horizontally and vertically

Flexbox does not automatically adjust the layout based on screen size.

• TRUE

• FALSE

What does the display: flex value do in CSS?

• It makes the container a grid layout.

• It allows elements to be stacked in a column layout.

• It creates a flex container that aligns elements horizontally.

• It creates a block-level container that aligns elements vertically.

What does the justify-content property in Flexbox do?

• It adjusts the size of the flex items.

• It positions elements in the center of the container.

• It controls the alignment of elements within a flex container's cross axis.

• It controls the space between and around elements along the main axis of a flex container.

The flex-wrap property in Flexbox allows flex items to occupy more than one line if needed.

• TRUE

• FALSE