Seeking Assistance: Centering Issue with Flexbox Header
Hi, I hope you all are doing well.
I am writing code for a little design. However, I am facing an issue. As you can see in my header, I have three items:
1- Logo
2- Day 905 (center)
3- Navigation
The problem I am facing is that when I add margin or padding to my navigation items, it moves my second header item (Day 905) away from the center, and I don't want that. Can anyone please help me understand how I can fix it so that my second header item stays at the center, and why this is happening?
I used flexbox for the header.
Please check the attached image.
1st Image - Before
2nd Image - After
I am writing code for a little design. However, I am facing an issue. As you can see in my header, I have three items:
1- Logo
2- Day 905 (center)
3- Navigation
The problem I am facing is that when I add margin or padding to my navigation items, it moves my second header item (Day 905) away from the center, and I don't want that. Can anyone please help me understand how I can fix it so that my second header item stays at the center, and why this is happening?
I used flexbox for the header.
Please check the attached image.
1st Image - Before
2nd Image - After
