0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Will the result be the same as in the figure below if you rotated the main axis in <a>the previous assignment</a>?</p>
1
<p>Will the result be the same as in the figure below if you rotated the main axis in <a>the previous assignment</a>?</p>
2
<p>No, it will not be the same!</p>
2
<p>No, it will not be the same!</p>
3
<p>The old, non-flexbox properties, such as the margins or sizes, know nothing about the flow direction of the axes. They think according to the old paradigm using the concepts of “top” and “bottom”, “right” and “left”.</p>
3
<p>The old, non-flexbox properties, such as the margins or sizes, know nothing about the flow direction of the axes. They think according to the old paradigm using the concepts of “top” and “bottom”, “right” and “left”.</p>
4
<p>Therefore, when the main axis is oriented from left to right, horizontal margins move the flex items along the<em>main</em>axis. But if you direct the flow of the main axis from top to bottom, then the same margins will start to function along the<em>cross</em>axis.</p>
4
<p>Therefore, when the main axis is oriented from left to right, horizontal margins move the flex items along the<em>main</em>axis. But if you direct the flow of the main axis from top to bottom, then the same margins will start to function along the<em>cross</em>axis.</p>
5
<p>The same applies to vertical margins.</p>
5
<p>The same applies to vertical margins.</p>
6
<p>Let’s rotate the axis and then make changes and obtain the result depicted in the figure above.</p>
6
<p>Let’s rotate the axis and then make changes and obtain the result depicted in the figure above.</p>