I am struggling with the positioning

HTML-CSS
1

Screenshot (24)
Screenshot (24)1920Ă—1080 189 KB

I am struggling to place the logo on the left and the nav-link anchors on the right which keeping the space between them, what alignment should I use?

The link to the project:
https://codepen.io/indrayudhdatta/pen/XWjZmdP?editors=1100

2

Hey @indrayudhdatta!
Welcome to the Forum!

Can you please a link to your project?

It is easy to find the problem.

3

Hello @indrayudhdatta

Welcome to FCC.
Like @codely pointed out, it is easier to suggest a solution if you provided a link to your pen.
I think the solution you are seeking for is:

#header{
    justify-content: space-between; /*  Instead of  flex-end  */
  
}
1 Like
4

I see from your shot, that you are coding in the FCC’s pen. please make sure fork the pen and start coding

5

I have linked the project, can you take a look? I want to keep the logo stuck to the left side and the three anchors to the right. How do I do that? Thanks for your help!

6

Remove the

padding: 20px;

And in css add,

margin: 0px 650px 0px 0px;

If you have any doubts, reach out to me.

7

All you need is one line of css as you are using flexbox.

#header-img {
margin-right: auto;
}
8

Thanks! That worked perfectly!!

9

Thanks, the padding settings worked but the “margin-right: auto” setting worked better.