Hi,
I’m using flexbox to line up a logo in the title and have closed the container. But anytime I use a div outside of the container it gets moved into the flexbox.
#container {
display:flex;
}
<div id="container">
<div id="title">Karl Pilkington</div>
<div id="title-logo"> <img src="https://pbs.twimg.com/profile_images/3089036333/bdf34df7b55488ec738e702ee9a8c24e_400x400.jpeg" height="100"</div>
</div>
But any other code I add outside the ‘container’ it gets included in flexbox.
I’d like to create more divs outside of flexbox but unsure how.
i.e
<div id="container">
<div id="title">Karl Pilkington</div>
<div id="title-logo"> <img src="https://pbs.twimg.com/profile_images/3089036333/bdf34df7b55488ec738e702ee9a8c24e_400x400.jpeg" height="100"</div>
</div>
(I want to the below div not automatically included in flexbox.)
<div id="new image"></div>
As you can see, Karl (real Karl) is inside the border, I want him sat below in a fresh div block.
Thank you.
