Flexible child element positioning

Question

Friends I've found this somewhat a challenge.
I have a header element which houses my div class brand and my navigation (element=nav). The header is given a height of 70px and a width of 100% as well as a display of flex with the background color you are seeing there.

My nav and brand are both children of the header and my nav also has a display of flex. I want to position my brand name (DNJosh) at the start or left of my header element. And my nav to the right of the container as can be seen in below.

Thanks in anticipation.

Answer 1

Could you please share the Code with us? It's not visible at moment

Answer 2

Upload the image using imgbb.com and then you will get a link to it and then add that link to your question

Answer 3

I just have a screenshot of it but don't know how to upload here.

Answer 4

do justify-content: space-between in the header.

Answer 5

Friends I've been able to solve my problem. Thanks to all of for your wonderful comments and suggestions. They really helped me.

Please can you teach me how to reply a particular comment here.

Answer 6

Use "@" symbol and it will show you list of users, just click on the username , to whom you want to reply

Answer 7

Мг. Кнап🌠 and let me start it with you... 😀😀😀

Answer 8

Yup!! That's how it works
Happy Coding!!

Answer 9

Мг. Кнап🌠 hi Sir, it's been a while. Are you still available? I'm back to coding. I have some challenges