0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>And now let’s create another “flexible” menu that is similar to the one we made in the<a>assignment from the last chapter</a>.</p>
1
<p>And now let’s create another “flexible” menu that is similar to the one we made in the<a>assignment from the last chapter</a>.</p>
2
<p>Remember that in the previous version the items were evenly distributed inside the menu container using justify-content: space-around.</p>
2
<p>Remember that in the previous version the items were evenly distributed inside the menu container using justify-content: space-around.</p>
3
<p>The new menu option will be more adaptive: the menu items will be transferred to the next line if there is not enough space. And in order to achieve beautiful symmetry, the items will be spread out to occupy the entire menu container. And, again, flex-grow will help us to achieve this.</p>
3
<p>The new menu option will be more adaptive: the menu items will be transferred to the next line if there is not enough space. And in order to achieve beautiful symmetry, the items will be spread out to occupy the entire menu container. And, again, flex-grow will help us to achieve this.</p>
4
<p>Create a basic layout and configure the lines to overflow.</p>
4
<p>Create a basic layout and configure the lines to overflow.</p>