Which of the following is most suitable for a grid layout?

Which is the oldest model?

Which model includes margin, border, padding, and content?

Which part of the CSS Box model can be transparent or consist of a colored or patterned line?

The CSS display:flexbox property sets the flexbox as _____element.

You have a flexbox with child boxes in a row. You want the child boxes to be displayed in the opposite order in which they appear currently. Which code do you use?

Which CSS property enables you to place child boxes into groups, and then assign a number to each group to affect where they appear within the parent box?

Which property controls the height and width of child boxes?

What is a true statement regarding the following code? (Choose all that apply.)

display: flexbox;

display: -ms-flexbox;

display: -moz-flexbox;

display: -o-flexbox;

display: -webkit-flexbox;

flex-flow: column;

-ms-flex-flow: column;

-moz-flex-flow: column;

-o-flex-flow: column;

-webkit-flex-flow: column;

Which of the following are flex-direction property values? (Choose all that apply.)

The flex property can use which of the following values? (Choose all that apply.)

You want child boxes to be able to overflow a flexbox. What code do you use?

What is a true statement regarding the following code? (Choose all that apply.)

width: -ms-flex(1 75px);

What does the media=screen attribute of the style property implement?

Which model defines structures similar to tables? (Choose all that apply.)

You are creating a grid layout. What does 2fr mean in the following code?

-ms-grid-columns: 150px 150px 2fr;

How many columns and rows are defined in the following code?

section {

display: grid;

grid-columns: 100px 1fr 250px;

grid-rows: 50px 1fr 50px;

}

section header {

grid-column: 2;

grid-row: 1;

}

section nav {

grid-column: 1;

grid-row: 2;

}

section article {

grid-column: 2;

grid-row: 2;

}

section aside {

grid-column: 3;

grid-row: 2;

}

section footer {

grid-column: 2;

grid-row: 3;

}

Which grid layout property creates additional columns or rows as needed to accommodate content?

You are creating a grid layout template. What do you replace the word TEXT with in the following code if you want all content to appear in the grid?

eeney { grid-position: a; }

meeney { grid-position: b; }

miny { grid-position: c; }

moe { grid-position: d; }

div { grid-template: "TEXT"; grid-rows: auto; grid-columns: auto;}