-5

I am new to Flexbox. How can I create a navigationBar like UI using Flexbox? e.g.enter image description here

I want to center the Title'Tinder' but with the left nav bar layout started from the left. I tried to set the outer container's flexbox value to have justify-content to be space-between, but it won't work.

Kartikey
  • 4,516
  • 4
  • 15
  • 40
lorixx
  • 780
  • 1
  • 8
  • 13
  • can you give me some code because with the image i can do nothing – CodeWeis Apr 14 '16 at 22:17
  • Have [a guide to flexboxen](https://css-tricks.com/snippets/css/a-guide-to-flexbox/). It's a tad old, but still pretty good. Otherwise, yeah, no code, only you can help yourself. – abluejelly Apr 14 '16 at 22:23
  • 1
    Check out this solution http://stackoverflow.com/questions/36008969/how-to-justify-left-right-center-each-child-independently/36010239#36010239 – agenthunt Apr 14 '16 at 22:30

1 Answers1

1

That's not the goal of flex-boxes. What you need here is to use position: relative on your navigation bar and put your left nav bar on position: absolute and left: 0. If you want to know more about flex-box, here is a good start.

Wolfeur
  • 142
  • 1
  • 8