Layout (grid , Box)

Question 1

Css positioning properties
1. Elements flow normally
2. Posi. Rela to its nearest position
3. Posi relative to NORMAL POSITION

4. Toggles relative n fixed depending on SCROLL

Answer 1

1. Static
2. Absolute
3. Relative
4. Absolute

Question 2

Align-items has 5

Answer 2

1. Stretch
   1.2. Fles start
   13 flex end
   1.4. Flex center
   1.5flex baseline

Question 3

An HTML element becomes a grid container when its display property is set to —- or —-

2. The vertical lines of grid items are called??. N horizontal are ??
3. This property defines the number of columns in your grid layout, and it can define the width of each column
4. property defines the height of each row.

Answer 3

1. Grid / inline grid
2. columns & rows
3. Grid-template-columns
   4, grud template rows

Question 4

1. Which model includes margin, border, padding, and content

A CSS Box model
B. CSS3 Flexbox Box model
C. CSS3 Grid Layout model

2. Which model defines structures similar to tables using 2 dimensions?
   A. CSS Box model
   B CSS3 Flexbox Box model
   C. CSS3 Grid Layout model
3. You are creating a grid layout. What does 1fr mean in the following code?
   grid-template-columns: 150px 150px 1fr 1fr;

Answer 4

1. Css box model
2. Css3 grid layout model

Question 5

Grid area:1? /?2 /?3 /?4

Answer 5

1= row start
2 column start
3 grud end row
5 grud end. column

Question 6

1. You can use the ?? property to name grid item

Answer 6

1. grid-area or ref fered as grid template areas when setting up

To name ex:
.grid{
Grid template areas : ‘ mm’ ‘11’;)

Question 7

1. What does the fr measurement unit do?

A. It takes as much space as possible

B. It makes the grid contract
C. It expands the lines of the cel

2 What is the syntax for the repeat() function?

A. repeat(size, times)
B. repeat(times, size)
C. repeat(size)(times)

3. How can I make a column respect a maximum or a minimum size?
4. Using maxSize() function
   B. Using minmax() function
   C. Using min-max property

Answer 7

1. A
2. B
3. B min max FUNCTION

Question 8

1. How can I align the content INSIDE of the grid cells?
   A. Using place-items
   B. Using place-content
2. How can I align the grid cells?

A. Using place-items
B. Using place-content

Answer 8

1.a. Place items
2. Place content

Question 9

1. Which class provides a responsive fixed width container?
   AContainer fluid
   B. Container-fixed
   C. Container
2. Which class provides a full width container, spanning the entire width of the viewport?
   AContainer fluid
   B. Container-fixed
   C. Container
3. Which class adds zebra-stripes to a table?
   A. Tablebordered
   B. Even n odd
   C.table%zebra
   D. Table striped

Answer 9

1. Responsive = Container
2. Con fluid
3. D. Table striped

Question 10

1. Which class is used to create a big box for calling extra attention
   - jumbotron
   - bigbox
2. Which class is used to create a button group?
   A. Button-group
   B. Group btx
   C btn-group

Answer 10

1. Jumbotron
2. Btn-group

Question 11

1 How can you insert a search icon