Correctly laid out using flexbox?

Now decided to explore flexbox, again rivet the demo on codepen (a reference from a previous question).

1. Whether a layout of the element? codepen.io/evg_/pen/NrdOLv (Picture https://dribbble.com/shots/2385478-Daily-UI-challe... Tried to make up something similar using flexbox.
I feel that is wrong as laid out, though in appearance it seems.

2. Correctly laid out, the layout part? codepen.io/evg_/pen/NrdzPr?editors=1100
Also tried to impose the image of bribbble. The view is similar, but the code it seems that KPC which is not correct, as it is not "Feng Shui." As that spike happened. Esoi has flaws, please tell me.
And at the expense of the menu - how it correctly is laid out. Is it right that the yellow lines were added using pseudo-elements? And at the expense of the search. I used an icon font. And it turned out that this icon is absolutely positioned. Is it right? Or should I do something differently?
July 8th 19 at 11:52
2 answers
July 8th 19 at 11:54
all well ! pretty well
If all browsers displayed the same way as that typeset - all Type of Top
July 8th 19 at 11:56
Why not use the full power of HTML5?

Find more questions by tags CSSFlexboxHTML