Display: flex not aligning items in a row

HTML-CSS
1

heres my code.


<div id="box2>

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



#box2 {
	display: flex;
}

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

2

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