T
T
timbird2016-10-25 10:34:48
css
timbird, 2016-10-25 10:34:48

How to make an adaptive menu between two blocks?

Good afternoon!
I have 3 blocks in my header
1. Logo
2. Menu
3. Contact information
I set them display: inline-block so that they line up in a horizontal line
1 and 3 block I set a fixed width of 200 px
I want block 2 Menu to occupy all the remaining free space space, and if the menu items inside this block do not fit into one line on the screen, they should move down to the second line. In this case, the extreme block 3 with contact information should not be transferred to the second line.
What styles should be set?

Answer the question

In order to leave comments, you need to log in

2 answer(s)
S
Sergey Goryachev, 2016-10-25
@webirus

https://jsfiddle.net/webirus/4f5Lz4c7/
Right?

V
Vladimir, 2016-10-25
@Casufi

frontender.info/a-guide-to-flexbox

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question