I have been working on the product landing page and I am trying to align the header-img and nav-bar using css flex box. I have set the header display property to flex and set the flex-direction to row. The header and nav elements (with ids header-img and nav-bar respectively) are both nested in the header.
I was hoping to get help in figuring out what I am doing wrong to cause the elements in header not align themselves?
I have tried to demarcate elements with different colored borders.