Display: flex not aligning items in a row

heres my code.

<div id="box2>

    <section id="boxes">
      <div class="container">
        <div class="box1">
          <img src="logo_html.png">
          <p>I format my code, know proper tags, and learn proper ways fast.</p>
        <div class="box2">
          <img src="logo_css.png">
          <p>I know how to style web pages, add animations and transitions<p>

#box2 {
	display: flex;

According to the flexbox in 20 minutes video this should place the items horizontally.

A post was merged into an existing topic: Display: flex; not lining up items horizontally