AemieJ commented on pull request #398:
URL: https://github.com/apache/camel-website/pull/398#issuecomment-646442106


   > @AemieJ I've created [this JSFiddle](https://jsfiddle.net/ry2Lhwtd/) to 
illustrate how this can be done with CSS only. The key is that in flex layout 
you can specify the order of the elements and that a break can be forced after 
an element pushing the search div to the second row.
   
   I tried using the method you described in jsfiddle. However, in the output, 
I observed that at a point it will only push down when there is no more space 
to be accommodated in the main navbar. I observed at a point where only the 
navbar is pushed down and the search bar is after the social icon due to 
ordering, I don't think we want that kind of behavior.
   
   
![behavior-flex](https://user-images.githubusercontent.com/44139348/85099315-b98ada00-b21a-11ea-9eb9-a756563b9ea3.png)
   


----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


Reply via email to