I am trying to make a header with title in the middle with a logo on the right. But the logo is slightly above the h1 tag so I tried increasing its top margin to push it down. Even though logo came down a little but it pushed h1 tag with it even though they are sibling elements.
Html
<header>
<h1 id = title>Personal Blog</h1>
<img src="/images/logoo.png" alt="logo">
</header>
Hello Ken,
I was able to sort this problem for you with the following code. (without using flexbox).
Inside of the HTML/CSS code I had to put them into div with classes of .column-1 and .column-2. What this will do is column-1 is set to a width of 50% of the total width of the header allowing .column-2 to occupy the other half.