wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

T3. C1-C2 Quizizz Post-Test

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

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

a)

A type of image used in web pages

b)

A tool for testing website layouts

c)

A specific HTML tag used to display content

d)

A visual design element that presents information visually appealing manner

2.

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

a)

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

b)

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

c)

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

d)

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

3.

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

a)

Use the <ID> tag to group the content

b)

Use the <div> tag for all content

c)

Use the <card> tag for styling

d)

Use the <section> tag for layout

4.

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

a)

TRUE

b)

FALSE

5.

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

a)

Use the img property

b)

Use the item-size property

c)

Use the image-align property

d)

Use the align-items property in Flexbox

6.

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

a)

Diagonally

b)

Only vertically

c)

Only horizontally

d)

Both horizontally and vertically

7.

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

a)

TRUE

b)

FALSE

8.

What does the display: flex value do in CSS?

a)

It makes the container a grid layout.

b)

It allows elements to be stacked in a column layout.

c)

It creates a flex container that aligns elements horizontally.

d)

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

9.

What does the justify-content property in Flexbox do?

a)

It adjusts the size of the flex items.

b)

It positions elements in the center of the container.

c)

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

d)

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

10.

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

a)

TRUE

b)

FALSE