L
L
lemme2016-06-02 20:38:17
css
lemme, 2016-06-02 20:38:17

How to make a two column drop down list on flexbox?

Everything seems to work, but there is a nuance, the drop-down list takes only half the width of the columns
codepen.io/lemme/pen/LZVPYm
How to make the width of the drop-down list (.navigation__items_dropdown) = the width of the children (including columns). Currently, it only takes up half the width of the first column.
UPD
https://wireframe.cc/8amMKC

Answer the question

In order to leave comments, you need to log in

1 answer(s)
D
DTX, 2016-06-02
@lemme

codepen.io/anon/pen/bedGLa
Nothing will work without manually setting the width for the container. This problem is only with flex-direction: column.
stackoverflow.com/questions/33891709/when-flexbox-...
If you set the width, then everything will be ok:
codepen.io/anon/pen/XKbbZZ
Among the adequate solutions, only width calculation with jQuery is offered

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question