how do i put a logo (image or text) to the far left and keep my nav to the right
flex-box solution, please
this maybe simple
i cannot make this work without messing it up
i am able to get the nav where i want it, not the logo
i have a problem and need help
Try the following:
- nav: justify-content: space-between instead of end
- Adjust padding, text-align and the rest of the styling as needed.
The “space-between” value keeps logo and menu apart.
i took your code and applied it
my nav is all the way to the left
free space on the right
my goal is to have the logo (text or image) on the left, nav on the right
this code origianly had drop downs, i took them away BUT left the code… is that my problem?
this code is new to me, i am trying
maybe give me a code pen with all i need?
please be clear
do NOT mean to bug you
help me out
Without the logo element, there is nothing to distribute the space between. The two flex items (child elements of the flexbox container) must both be present for the space distribution (space-between) to work.
If you just want to push the
.menu to the right you can add a left auto margin on it.
obvious to me now
sorry, no go
this wont work either
where is my code off?
this is new to me, sorry if i am missing something!
thanks for your help and patience!
Position property fixed , top 0, right 0. Put in the navbar selector.
Move the logo element into the
nav element and add the left auto margin to the