HOTSPOT
You are developing a web page.
The webpage must display a container. The container must display three colored rectangles near the top of the
container. The colored rectangles are, in order, green, red, and yellow. The rectangles are aligned horizontally
and evenly spaced across the width of the container.
The layout of the page must resemble the following image:
You need to ensure that the page renders properly.
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: 
Explanation:
* -ms-flex-align
center: The flexbox item’s margin box is centered in the cross axis within the line.
* -ms-flex-pack
The ‘flex-pack’ property defines the flexibility of these packing spaces.Reference: CSS property ‘-ms-flex-align’; CSS property ‘-ms-flex-pack’
1. Start
2. Stretch
https://equizzing.com/microsoft/how-should-you-complete-the-relevant-styles-4/
.box{
display:-ms-flexbox;
-ms-flex-direction:row;
-ms-flex-align: start;
-ms-flex-pack: justify;
width: 500px;
height: 400px;
}