As for flexbox to move the last block under the penultimate?

Good day!

Typeset menu. From the 1st two points there is one submenu, the last 2 not. Task to the first 2 points were for each other in a line, and the last 2 under each other.

It looks like this - 5c9871d29a337091765621.png

Doing flexbox, here is my example.
March 19th 20 at 08:25
1 answer
March 19th 20 at 08:27
Solution
so combine the last two links in one container li? and make the references block
Or position: relative to the last point, I want some more elegant solution without crutches. - shany.Walter commented on March 19th 20 at 08:30
@shany.Walter, it's not a crutch, and the solution to your problems, or use grids - jazmin_Lehn commented on March 19th 20 at 08:33
@shany.Walter, I suggest that, if you understand, and it gives you a crutch, then just ignore the answer
the <ul>
the <li>
 <!-- the yellow block -->
</li>
the <li>
 <!-- the green block -->
</li>
the <li>
 <!-- red link -->
 <!-- blue link -->
</li>
</ul>
- bennett_Wo commented on March 19th 20 at 08:36
@bennett_Wo, Yes, that's another thought. Thank you, made your way! - shany.Walter commented on March 19th 20 at 08:39

Find more questions by tags FlexboxCSS