justify-content is not working well,cant make nav in the end of header

Question

nav{
    
    height: 50px;
    color:#9b9b9bff;
    display: flex;
    justify-content:flex-end;
    border:1px solid green;

    

}

this is css file and

<header>
    <img src="logo2.png"  class="logo2"><img>
    <img src="logo.png"  class="logo"><img>
    <nav>
         
    xcxzcccxzcxz

    </nav>






</header>

this is html

I want to put nav in end of header the html hase 2 logos and I want that you never menssion it ,its for e.g and i can see it but I want mostly help on nav

Could you add a jsfiddle link? – AmitJS94 Jul 07 '20 at 10:06 — AmitJS94, Jul 07 '20 at 10:06
https://jsfiddle.net/pnL0tbgx/ – David Anastasiadis Jul 07 '20 at 10:08 — David Anastasiadis, Jul 07 '20 at 10:08

score 1 · Answer 1 · answered Jul 07 '20 at 10:20

I tried in my js snippet here, it worked i guess, i just slightly changed the code

header{
  display: flex;
  width: 100%;
  justify-content: space-between
}

nav{
    
    height: 50px;
    color:#9b9b9bff;
    border:1px solid green;
    display:flex;
    flex-direction:column;
    justify-content: center;
    padding: 5px

}

<header>
    <div class="img-section">
     <img src="logo2.png"  class="logo2"><img>
     <img src="logo.png"  class="logo"><img>
    </div>
    <nav>Logo Text</nav>
</header>

justify-content is not working well,cant make nav in the end of header

1 Answers1