You develop a webpage. You create the following HTML markup:
The layout of the webpage must contain three rows. The first row spans the entire width of the page and is labeled #Top. The second row contains three columns.
The first column is labeled #Left; the second column is labeled #Main; and the right column is labeled #Right. The #Left and #Right columns are a fixed width. The
#Main column occupies the remaining available space. The third and final row spans the entire width of the page and is labeled #Bottom.
The layout of the webpage must resemble the following image:
You need to create the CSS styles to implement the layout.
How should you complete the relevant styles? (To answer, select the appropriate option from each drop-down list in the answer area.)
Hot Area:
Answer: 
Answer should be:
-ms-flex
-ms-flex-direction: row
-ms-flex: 0
0
2
No. The answers are correct.
-ms-flex doesn’t work. It’s either -ms-flexbox (IE10) or just flex (IE11 and newer).
3rd is -ms-flex:1; – this one I don’t know how to explain. I haven’t found the explantion yet. But I have tried it & 1 is correct. If you put 0, it does something weird. It moves the right div over the main div.
2
0